2021-03-16

一、變量let和const


var:


可以重復聲明

可以進行變量提升(即將聲明提升到最前面)

let:


不可以重復聲明

塊級作用域

不可以變量提升

const:


不可以重復聲明

塊級作用域

聲明后不可以進行修改

聲明時必須初始化

const聲明的數(shù)組內容可以被修改雾袱,所以常規(guī)使用const進行數(shù)組變量的聲明

二、解構賦值


1.什么是解構挂捻?:es6允許按照一定的模式恩商,從數(shù)組和對象中提取值,對變量進行賦值振愿,這被稱為解構


2.數(shù)組解構賦值:


語法:

let [a,b,c] = [1,2,3];

console.log(a,b,c);

3.對象解構賦值:


語法:let{a,b} = {

? ? ? ? a:'aa',

? ? ? ? b:'bb'

};


console.log(a,b);

4.字符串的解構賦值:


語法: let[a,b,c,d] = 'hello';

console.log(a,b,c,d);//h e l l

5.函數(shù)的解構賦值:

function fun([x,y]){

console.log(x+y);

}


fun([1,2]);//實參

6.解構的用途:


交換變量的值

從函數(shù)返回多個值(這樣就可以快速調用一些數(shù)據(jù))

函數(shù)傳參

提取json數(shù)據(jù)(解構對提取json尤其有用)

函數(shù)參數(shù)默認值(es6允許函數(shù)的參數(shù)設置默認值)

7.函數(shù)默認初始值

一般用法:(直接將默認值寫在形參之后)

function fun(x,y ='world'){

? ? ? console.log(x,y);

}

與解構配合使用:

function fun({x,y=5}={}){

? ? ? console.log(x,y);

}

三毅糟、對象的簡化寫法


1.ES6允許在大括號里面放接,直接寫入變量和函數(shù),作為對象的屬性和方法在Vue中經常使用留特,這樣寫會使得編寫更加的簡潔纠脾!

四、箭頭函數(shù)


1.ES6允許使用「箭頭」(=>)定義函數(shù)

聲明函數(shù)的兩種方法:

let fn = function(){

}


let fn = (a,b) => {

return a+b;

}

2.this是靜態(tài)的蜕青,this始終指向函數(shù)聲明時所在作用域下的this的值


3.箭頭函數(shù)的this值是靜態(tài)的嫩与,始終指向函數(shù)聲明時所在作用域下的this的值

4.箭頭函數(shù)不能作為一個構造函數(shù)實例化對象跋破!


5.箭頭函數(shù)不能使用arguments變量

五、Symbol

Symbol是一種標識符,是一種類型鲤孵,表示獨一無二的值

1.Symbol簡介:

Symbol的值是唯一的歹叮,用來解決命名沖突的問題

Symbol的值不能與其他數(shù)據(jù)進行運算

Symbol定義的對象屬性不能使用for…in...進行循環(huán)遍歷,但是可以使用Reflect.ownKeys來獲取對象的所有鍵名

1.直接使用Symbol進行創(chuàng)建

2.使用Symbol.for進行創(chuàng)建

六、迭代器


1.for…in…:遍歷返回的是鍵名~~~for…of…:遍歷返回的是鍵值


2.迭代器的工作原理


創(chuàng)建一個指針對象宗兼,指向當前數(shù)據(jù)結構的起始位置

第一次調用對象的next方法,指針自動指向數(shù)據(jù)結構的第一個成員

接下來不斷使用next方法氮采,指針不斷向后移動直到指向最后一個數(shù)據(jù)成員

每調用一次方法返回一個包含value和done屬性的對象(done代表是否完殷绍,為一個布爾值,如果遍歷完成則為ture鹊漠,否則為false)

3.注意:要自定義遍歷數(shù)據(jù)的

時候主到,要想到迭代器!

七躯概、ES6模塊化

1.有助于處理各個模塊之間的沖突登钥,易于維護,易于修改

2.ES6之前的模塊化規(guī)范主要有:

1. CommonJS => NodeJS娶靡、Broeserify

2. AMD => requireJ

3. CMD => seaJS

3.模塊化功能主要由兩個命令構成:export和import


1)export命令用于規(guī)定模塊的對外接口

2)import命令用于輸入其他模塊提供的功能

八牧牢、瀏覽器使用模塊化的兩種方式

1、使用import引入

2姿锭、建立一個入口文件然后僅直接引入入口文件

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末塔鳍,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子艾凯,更是在濱河造成了極大的恐慌献幔,老刑警劉巖懂傀,帶你破解...
    沈念sama閱讀 222,104評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件趾诗,死亡現(xiàn)場離奇詭異,居然都是意外死亡蹬蚁,警方通過查閱死者的電腦和手機恃泪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來犀斋,“玉大人贝乎,你說我怎么就攤上這事∵创猓” “怎么了览效?”我有些...
    開封第一講書人閱讀 168,697評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長虫几。 經常有香客問我锤灿,道長,這世上最難降的妖魔是什么辆脸? 我笑而不...
    開封第一講書人閱讀 59,836評論 1 298
  • 正文 為了忘掉前任但校,我火速辦了婚禮,結果婚禮上啡氢,老公的妹妹穿的比我還像新娘状囱。我一直安慰自己术裸,他們只是感情好,可當我...
    茶點故事閱讀 68,851評論 6 397
  • 文/花漫 我一把揭開白布亭枷。 她就那樣靜靜地躺著袭艺,像睡著了一般。 火紅的嫁衣襯著肌膚如雪奶栖。 梳的紋絲不亂的頭發(fā)上匹表,一...
    開封第一講書人閱讀 52,441評論 1 310
  • 那天,我揣著相機與錄音宣鄙,去河邊找鬼袍镀。 笑死,一個胖子當著我的面吹牛冻晤,可吹牛的內容都是我干的苇羡。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼鼻弧,長吁一口氣:“原來是場噩夢啊……” “哼设江!你這毒婦竟也來了?” 一聲冷哼從身側響起攘轩,我...
    開封第一講書人閱讀 39,899評論 0 276
  • 序言:老撾萬榮一對情侶失蹤叉存,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后度帮,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體歼捏,經...
    沈念sama閱讀 46,457評論 1 318
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,529評論 3 341
  • 正文 我和宋清朗相戀三年笨篷,在試婚紗的時候發(fā)現(xiàn)自己被綠了瞳秽。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,664評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡率翅,死狀恐怖练俐,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情冕臭,我是刑警寧澤腺晾,帶...
    沈念sama閱讀 36,346評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站辜贵,受9級特大地震影響悯蝉,放射性物質發(fā)生泄漏。R本人自食惡果不足惜念颈,卻給世界環(huán)境...
    茶點故事閱讀 42,025評論 3 334
  • 文/蒙蒙 一泉粉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦嗡靡、人聲如沸跺撼。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽歉井。三九已至,卻和暖如春哈误,著一層夾襖步出監(jiān)牢的瞬間哩至,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評論 1 272
  • 我被黑心中介騙來泰國打工蜜自, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留菩貌,地道東北人。 一個月前我還...
    沈念sama閱讀 49,081評論 3 377
  • 正文 我出身青樓重荠,卻偏偏與公主長得像箭阶,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子戈鲁,可洞房花燭夜當晚...
    茶點故事閱讀 45,675評論 2 359

推薦閱讀更多精彩內容

  • ES6 新特性 ES6 新特性 一ES6簡介 二塊級作用域綁定1 let聲明2 const聲明Constant D...
    _無為_閱讀 847評論 0 3
  • 1仇参、es5和es6的區(qū)別,說一下你所知道的es6 ECMAScript5婆殿,即ES5诈乒,是ECMAScript的第五次...
    沒糖_cristalle閱讀 687評論 0 0
  • let && const let與var的聲明用法相同,但是多了一個臨時死區(qū)(Temporal Distonrti...
    天那一邊閱讀 242評論 0 0
  • 小伙伴大多數(shù)還在使用ES5來進行編寫婆芦,使用ES5這無可厚非怕磨,因為ES5畢竟還是主流,速度也更快寞缝,但ES6引入的新特...
    cuiyao50閱讀 321評論 0 0
  • ECMAScript - 學習筆記 ?? ??nvm node.js 包管理工具 nvm github[https:/...
    Super三腳貓閱讀 635評論 0 1