Es6

ES6 不是什么新語言喇肋,也不是新框架,它就是原生 JS司恳,
只不過是升過級(jí)的JS的一些寫法察署。

定義變量:
1.let:
特點(diǎn):
1)支持塊作用域
2)不允許在相同作用域重復(fù)定義
塊作用域:
{} let
以前: 函數(shù)作用域
2.const: 定義常量
常量: 一經(jīng)定義,以后不可以再改變
正是因?yàn)檫@個(gè)特性,要求常量在定義時(shí)朽砰,必須賦初始值,否則以后就沒機(jī)會(huì)了喉刘。
通常:約定瞧柔,常量的名字全用大寫字母
const PI = 3.14159265;
3.字符串:
let str = ; //反單引號(hào) 使用來定義字符串的話,就可以用字符串模板: ${變量}
4.解構(gòu)賦值
//寫法1: √
var a = 10;
var b = 12;
var c = 20;
//寫法2: √
var a=10,b=12,c=20;
概念:賦值等號(hào) 左邊的結(jié)構(gòu)和右邊一模一樣睦裳。
[a,b,c] = [10,12,20]; //a = 10,b=12,c=20
[a,[b,e],c] = [100,[200,300],400];
[a,{f,g},d]=[12,{90,98},4] ×
[a,{f,g},d]=[12,{f:90,g:98},4] √
let [a,{f,g},d]=[12,{f=90,g=98},4]; ×
如果在解構(gòu)賦值時(shí)造锅,碰到j(luò)son格式,那么右邊必須是一個(gè)合法的json
并且廉邑,json中的每一項(xiàng)名字是一一對(duì)應(yīng)的备绽,和順序無關(guān)
應(yīng)用1:
用于函數(shù)的json參數(shù)初始化
function sum({a=0,b=0} = {}){
a++;
b++;
return a+b;
}
5.不定參數(shù)、擴(kuò)展參數(shù) ...
原來:arguments
現(xiàn)在: ...
...args 是一個(gè)真正的數(shù)組鬓催。

例1:代替arguments
    function sum(...args)
例2:擴(kuò)展參數(shù)的作用
    function sum(a,b,...agrs){
        //args   除了a和b之外肺素,其它參數(shù)的一個(gè)數(shù)組
    }
    ****...args  必須放在所有參數(shù)的最后
例3:復(fù)制數(shù)組
    1)循環(huán)每一項(xiàng)來復(fù)制
    2)var arr2 = [...arr1];  不是引用
    3)Array.from(arr1)  //不兼容IE  不是引用

6.for - of 循環(huán)
for
while
for...in
for(var name of 要循環(huán)的東西){

}
要循環(huán)的東西,可以是數(shù)組宇驾,但是不能是json
for-of循環(huán)倍靡,  不能用于循環(huán)json

7、數(shù)據(jù)格式 map
數(shù)據(jù)格式:
1)普通變量 var a = 12;
2)數(shù)組 var arr = [11,22];
3)JSON var json = {name:1,age:2};
4)map
map: 和json非常像 的一種新的數(shù)據(jù)格式(鍵/值 對(duì))
1) 怎么弄一個(gè)map出來
map 是js中的一個(gè)對(duì)象
var map = new Map();
2) 增加內(nèi)容
map.set('key','value');
例:
var map = new Map();
map.set('name','小紅');
map.set('age',18);
3)獲取內(nèi)容
map.get('key');
例:
//建一個(gè)新對(duì)象
var map = new Map();
//設(shè)置值
map.set('name','小紅');
map.set('age',18);
//獲取值
map.get('name'); -- 小紅
4)刪除一項(xiàng)
map.delete('key');
用for-of循環(huán)课舍,來循環(huán)map
1) 普通循環(huán)
for(var item of map){
item -> 數(shù)組
item[0]是map中的key
item[1] -> map中的value
}
2)利用解構(gòu)賦值的形式
for(var [key,value] of map ){
alert(key);
alert(value);
}
3)循環(huán)map 的 entries()
for(let item of map.entries())

    *默認(rèn)情況下就是循環(huán)的entries塌西,也就是說,如果不寫entries()筝尾,結(jié)果是一樣的

4)只想循環(huán)map中的key
    for(var item of map.keys() )
     只想循環(huán)map中的value
    for(var item of map.values())

for-of循環(huán)數(shù)組 : entries() keys() values()
entries():
item -> [索引,值]
keys():
item -> 索引

values(): 
    item ->  值

循環(huán)map對(duì)象時(shí):
map.entries()
map
以上兩種寫法是一個(gè)效果捡需,得到的都是map對(duì)象的每一個(gè)item,包括key和value筹淫,是一個(gè)數(shù)組形式
循環(huán)數(shù)組:
arr.entries()
得到的是數(shù)組中每一項(xiàng): [索引值,值]
arr.values() —— 報(bào)錯(cuò)站辉,不支持
arr.keys() —— 得到的就是數(shù)組的索引值
8.函數(shù)
原來:
function show(){...}
var show = new Function();
show();
show(a);
show(a,b);
現(xiàn)在:
箭頭函數(shù): =>
省略了function,加了一個(gè)箭頭=>

    1:
        function show(){
            alert(1);
        }

        let show = () => {
            alert(1);
        };
    2:
        function show(a){alert(a);}

        let show = (a)=>{
            alert(a);
        }

箭頭函數(shù)损姜,只是在函數(shù)定義時(shí)饰剥,寫法有區(qū)別,在調(diào)用的時(shí)候摧阅,和原來一樣汰蓉。

*箭頭函數(shù)里的this,固定化 自己沒有去外邊找 最大this是window
*箭頭函數(shù)里arguments不能用了
*當(dāng)參數(shù)正好有一個(gè)的時(shí)候棒卷,( ) 可以省略
*當(dāng)函數(shù)里面只有一句話顾孽,而且正好是return的時(shí)候祝钢,{ }和里面的return 可以省略
9.JSON 有了簡寫形式
當(dāng)json中的name和變量名一模一樣時(shí),可以簡寫為以下形式:
var a = 12;
var b = 18;
var json = {a:a,b:2};
json.a -> 12
json.b -> 18
var a = 12;
var b = 18;
var json = {a,b};

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末若厚,一起剝皮案震驚了整個(gè)濱河市太颤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌盹沈,老刑警劉巖龄章,帶你破解...
    沈念sama閱讀 212,185評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異乞封,居然都是意外死亡做裙,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,445評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門肃晚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锚贱,“玉大人,你說我怎么就攤上這事关串∨±龋” “怎么了?”我有些...
    開封第一講書人閱讀 157,684評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵晋修,是天一觀的道長吧碾。 經(jīng)常有香客問我,道長墓卦,這世上最難降的妖魔是什么倦春? 我笑而不...
    開封第一講書人閱讀 56,564評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮落剪,結(jié)果婚禮上睁本,老公的妹妹穿的比我還像新娘。我一直安慰自己忠怖,他們只是感情好呢堰,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,681評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著凡泣,像睡著了一般枉疼。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上问麸,一...
    開封第一講書人閱讀 49,874評(píng)論 1 290
  • 那天往衷,我揣著相機(jī)與錄音钞翔,去河邊找鬼严卖。 笑死,一個(gè)胖子當(dāng)著我的面吹牛布轿,可吹牛的內(nèi)容都是我干的哮笆。 我是一名探鬼主播来颤,決...
    沈念sama閱讀 39,025評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼稠肘!你這毒婦竟也來了福铅?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,761評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤项阴,失蹤者是張志新(化名)和其女友劉穎滑黔,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體环揽,經(jīng)...
    沈念sama閱讀 44,217評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡略荡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,545評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了歉胶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片汛兜。...
    茶點(diǎn)故事閱讀 38,694評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖通今,靈堂內(nèi)的尸體忽然破棺而出粥谬,到底是詐尸還是另有隱情,我是刑警寧澤辫塌,帶...
    沈念sama閱讀 34,351評(píng)論 4 332
  • 正文 年R本政府宣布漏策,位于F島的核電站,受9級(jí)特大地震影響臼氨,放射性物質(zhì)發(fā)生泄漏哟玷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,988評(píng)論 3 315
  • 文/蒙蒙 一一也、第九天 我趴在偏房一處隱蔽的房頂上張望巢寡。 院中可真熱鬧,春花似錦椰苟、人聲如沸抑月。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,778評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽谦絮。三九已至,卻和暖如春洁仗,著一層夾襖步出監(jiān)牢的瞬間层皱,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,007評(píng)論 1 266
  • 我被黑心中介騙來泰國打工赠潦, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留叫胖,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,427評(píng)論 2 360
  • 正文 我出身青樓她奥,卻偏偏與公主長得像瓮增,于是被迫代替她去往敵國和親怎棱。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,580評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容

  • 看這本書是在markdown在做的筆記绷跑,更友好的閱讀方式訪問: github es6.md(https://git...
    汪汪仙貝閱讀 451評(píng)論 0 0
  • 1拳恋、Set 1.1概念:ES6提供了新的數(shù)據(jù)結(jié)構(gòu)Set,它類似數(shù)組砸捏,但是成員的值都是唯一的谬运。 eg:const s...
    Kris_lee閱讀 2,520評(píng)論 0 3
  • 今天接著學(xué)習(xí)ES6!?巡亍吩谦!接著上次來學(xué)習(xí) 第五個(gè)知識(shí)點(diǎn):(...)拓展運(yùn)算符 es5中賦值數(shù)組的方法:...
    哈哈騰飛閱讀 183評(píng)論 0 2
  • 語法 new Map([iterable]) 參數(shù):可以是數(shù)組或者其他的可迭代對(duì)象.null會(huì)被當(dāng)作undefin...
    一二三kkxx閱讀 34,138評(píng)論 1 12
  • 若不在乎,又怎會(huì)痛膝藕? 我曾路過你的心 不是我不想停留 而是你不想收留 我還在原地等你 你卻已經(jīng)忘記來這里找 你是我...
    溧陌閱讀 126評(píng)論 0 1