Es6

ES6 不是什么新語(yǔ)言,也不是新框架,它就是原生 JS,
只不過(guò)是升過(guò)級(jí)的JS的一些寫(xiě)法。

定義變量:
1.let:
特點(diǎn):
1)支持塊作用域
2)不允許在相同作用域重復(fù)定義
塊作用域:
{} let
以前: 函數(shù)作用域
2.const: 定義常量
常量: 一經(jīng)定義,以后不可以再改變
正是因?yàn)檫@個(gè)特性,要求常量在定義時(shí),必須賦初始值,否則以后就沒(méi)機(jī)會(huì)了。
通常:約定,常量的名字全用大寫(xiě)字母
const PI = 3.14159265;
3.字符串:
let str = ; //反單引號(hào) 使用來(lái)定義字符串的話,就可以用字符串模板: ${變量}
4.解構(gòu)賦值
//寫(xiě)法1: √
var a = 10;
var b = 12;
var c = 20;
//寫(xiě)法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)的,和順序無(wú)關(guān)
應(yīng)用1:
用于函數(shù)的json參數(shù)初始化
function sum({a=0,b=0} = {}){
a++;
b++;
return a+b;
}
5.不定參數(shù)、擴(kuò)展參數(shù) ...
原來(lái):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)來(lái)復(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出來(lái)
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),來(lái)循環(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,也就是說(shuō),如果不寫(xiě)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
以上兩種寫(xiě)法是一個(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ù)
原來(lái):
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í),寫(xiě)法有區(qū)別,在調(diào)用的時(shí)候,和原來(lái)一樣。

*箭頭函數(shù)里的this,固定化 自己沒(méi)有去外邊找 最大this是window
*箭頭函數(shù)里arguments不能用了
*當(dāng)參數(shù)正好有一個(gè)的時(shí)候,( ) 可以省略
*當(dāng)函數(shù)里面只有一句話,而且正好是return的時(shí)候,{ }和里面的return 可以省略
9.JSON 有了簡(jiǎn)寫(xiě)形式
當(dāng)json中的name和變量名一模一樣時(shí),可以簡(jiǎn)寫(xiě)為以下形式:
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)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,698評(píng)論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,202評(píng)論 3 426
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 177,742評(píng)論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 63,580評(píng)論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,297評(píng)論 6 410
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,688評(píng)論 1 327
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,693評(píng)論 3 444
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,875評(píng)論 0 289
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,438評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,183評(píng)論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,384評(píng)論 1 372
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,931評(píng)論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,612評(píng)論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 35,022評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 36,297評(píng)論 1 292
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,093評(píng)論 3 397
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,330評(píng)論 2 377

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

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