(推薦)ES6語法

1、(推薦)es6語法01ecmascript 6 基礎(chǔ)語法let 命令01 es6 新增新增 let 命令，用來聲明變量。用法類似于命令，用來聲明變量。用法類似于 var let 聲明的變量，只在聲明的變量，只在 let 命令所在的代碼塊內(nèi)有效命令所在的代碼塊內(nèi)有效 let 聲明的變量，只在聲明的變量，只在 let 命令所在的代碼塊內(nèi)有效命令所在的代碼塊內(nèi)有效計(jì)數(shù)器 i 只在 for 循環(huán)體內(nèi)有效，在循環(huán)體外引用就會報(bào)錯(cuò)let 命令01 let 命令不存在變量提升命令不存在變量提升 let 命令不允許在相同作用域內(nèi)，重復(fù)聲明同一個(gè)變量命令不允許在相同作用域內(nèi)，重復(fù)聲明同一個(gè)變量const 命令0

2、2 const 命令聲明一個(gè)只讀的常量。一旦聲明，常量的值就不能改變命令聲明一個(gè)只讀的常量。一旦聲明，常量的值就不能改變 const 命令聲明的常量不得改變值。即一旦聲明，就必須立即初始化。命令聲明的常量不得改變值。即一旦聲明，就必須立即初始化。 const 命令聲明的常量，只在聲明所在的塊級作用域內(nèi)有效命令聲明的常量，只在聲明所在的塊級作用域內(nèi)有效 const 命令聲明的常量不提升，只能在聲明的位置后使用命令聲明的常量不提升，只能在聲明的位置后使用 const 命令聲明的常量，與命令聲明的常量，與 let 一樣不可重復(fù)聲明一樣不可重復(fù)聲明const 命令本質(zhì)02 const 實(shí)際上保證的，并

3、不是變量的值不得改動(dòng)，而是變量指向的那個(gè)內(nèi)存地址不得改動(dòng)。對實(shí)際上保證的，并不是變量的值不得改動(dòng)，而是變量指向的那個(gè)內(nèi)存地址不得改動(dòng)。對于簡單類型的數(shù)據(jù)（數(shù)值、字符串、布爾值），值就保存在變量指向的那個(gè)內(nèi)存地址，因此等于簡單類型的數(shù)據(jù)（數(shù)值、字符串、布爾值），值就保存在變量指向的那個(gè)內(nèi)存地址，因此等同于常量。但對于復(fù)合類型的數(shù)據(jù)（主要是對象和數(shù)組），變量指向的內(nèi)存地址，保存的只是同于常量。但對于復(fù)合類型的數(shù)據(jù)（主要是對象和數(shù)組），變量指向的內(nèi)存地址，保存的只是一個(gè)指針，一個(gè)指針，const只能保證這個(gè)指針是固定的，至于它指向的數(shù)據(jù)結(jié)構(gòu)是不是可變的，就完全不只能保證這個(gè)指針是固定的，至于它指向的

4、數(shù)據(jù)結(jié)構(gòu)是不是可變的，就完全不能控制了。因此，將一個(gè)對象聲明為常量必須非常小心。能控制了。因此，將一個(gè)對象聲明為常量必須非常小心。上面代碼中，常量foo儲存的是一個(gè)地址，這個(gè)地址指向一個(gè)對象。不可變的只是這個(gè)地址，即不能把foo指向另一個(gè)地址，但對象本身是可變的，所以依然可以為其添加新屬性。模板字符串03 傳統(tǒng)的傳統(tǒng)的 javascript 語言，輸出模板：語言，輸出模板： es6 模板字符串模板字符串 模板字符串（模板字符串（template string）是增強(qiáng)版的字符串，用反引號（）是增強(qiáng)版的字符串，用反引號（）標(biāo)識。它可以當(dāng)作普通字符）標(biāo)識。它可以當(dāng)作普通字符串使用，也可以用來定義多行

5、字符串，或者在字符串中嵌入變量。串使用，也可以用來定義多行字符串，或者在字符串中嵌入變量。map 數(shù)據(jù)結(jié)構(gòu)04 map 數(shù)據(jù)結(jié)構(gòu)類似于對象，是鍵值對的集合，傳統(tǒng)的鍵只能用字符串，數(shù)據(jù)結(jié)構(gòu)類似于對象，是鍵值對的集合，傳統(tǒng)的鍵只能用字符串，map 的鍵不限于字符串，的鍵不限于字符串，各種類型的值（包括對象）都可以當(dāng)作鍵。各種類型的值（包括對象）都可以當(dāng)作鍵。 屬性和操作方法屬性和操作方法 size 屬性屬性 size 屬性返回 map 結(jié)構(gòu)的成員總數(shù) set(key,value) set 方法設(shè)置set方法設(shè)置鍵名key對應(yīng)的鍵值為value，然后返回整個(gè) map 結(jié)構(gòu)。如果key已經(jīng)有 值，則鍵

6、值會被更新，否則就新生成該鍵。map 數(shù)據(jù)結(jié)構(gòu)04 屬性和操作方法屬性和操作方法 get(key) get方法讀取key對應(yīng)的鍵值，如果找不到key，返回undefined。 has(key) has方法返回一個(gè)布爾值，表示某個(gè)鍵是否在當(dāng)前 map 對象之中。map 數(shù)據(jù)結(jié)構(gòu)04 屬性和操作方法屬性和操作方法 delete(key) delete方法刪除某個(gè)鍵，返回true。如果刪除失敗，返回false。 clear(key) clear方法清除所有成員，沒有返回值。map 數(shù)據(jù)結(jié)構(gòu)04 map 遍歷遍歷 keys() 返回鍵名的遍歷器 values() 返回鍵值的遍歷器map 數(shù)據(jù)結(jié)構(gòu)04

7、map 遍歷遍歷 entries() 返回所有成員的遍歷器 foreach() 遍歷map的所有成員箭頭函數(shù) arrow function05 不需要參數(shù)或需要多個(gè)參數(shù)，就用圓括號代表參數(shù)部分不需要參數(shù)或需要多個(gè)參數(shù)，就用圓括號代表參數(shù)部分 es6 允許使用允許使用“箭頭箭頭”（=）定義函數(shù)）定義函數(shù) 代碼塊部分多于一條語句，就用大括號括起來，并且用代碼塊部分多于一條語句，就用大括號括起來，并且用return返回返回箭頭函數(shù) arrow function05 箭頭函數(shù)返回對象時(shí)，必須在對象外面加上括號箭頭函數(shù)返回對象時(shí)，必須在對象外面加上括號 箭頭函數(shù)使得表達(dá)更加簡潔箭頭函數(shù)使得表達(dá)更加簡潔

8、箭頭函數(shù)能夠簡化回調(diào)函數(shù)箭頭函數(shù)能夠簡化回調(diào)函數(shù)class 的基本語法06 傳統(tǒng)的生成實(shí)例對象的方法傳統(tǒng)的生成實(shí)例對象的方法構(gòu)造函數(shù)構(gòu)造函數(shù) es 6 的的 class（類）概念（類）概念 constructor 是構(gòu)造方法 this關(guān)鍵字代表實(shí)例對象class 的基本語法06 extends繼承繼承super關(guān)鍵字，表示父類的構(gòu)造函數(shù)，用來新建父類的關(guān)鍵字，表示父類的構(gòu)造函數(shù)，用來新建父類的this對象對象module 模塊07 export命令：命令：用于規(guī)定模塊的對外接口用于規(guī)定模塊的對外接口 一個(gè)模塊就是一個(gè)獨(dú)立的文件。該文件內(nèi)部的所有變量，外部無法獲取。如果你希望外部能夠一個(gè)模塊就是一個(gè)獨(dú)立的文件。該文件內(nèi)部的所有變量，外部無法獲取。如果你希望外部能夠讀取模塊內(nèi)部的某個(gè)變量，就必須使用讀取模塊內(nèi)部的某個(gè)變量，就必須使用export關(guān)鍵字輸出該變量。關(guān)鍵字輸出該變量。module 模塊07 import命令：命令：用于輸入其他模塊提供的功能用于輸入其他模塊提供的功能import命令接受一對大括號，里面指定要從其