前端必須會的ES6知識
ES6簡介
ECMAScript 6.0(以下簡稱ES6)是JavaScript語言的下一代標準,已經在2015年6月正式釋出了。它的目標,是使得JavaScript語言可以用來編寫複雜的大型應用程式,成為企業級開發語言。
ES6新功能
1、定義變數
let 替代var 擁有塊級作用域。
2、const
定義常量:常量不可修改,如果修改會報錯
3、字串連線
ES6管它叫模板引擎,就是字串連線。
用鍵盤1左邊那個鍵,反引號。
4、解構賦值
var [a,b,c] = [12,5,8];
console.log(a,b,c);//12,5,8
5、ES6新技巧
a) 複製陣列
arr2.from(arr)//再也不用用迴圈了,吼吼,還可不可以更性感一點
arr2 = [...arr]//簡直是bug級別的用法,不過真心簡單
b) for of迴圈
c) map 、delete
6、箭頭函式 重點
相當簡單
解釋:
param 是引數,根據引數個數不同,分這幾種情況:() => { … } // 零個引數用 () 表示x => { … } // 一個引數可以省略 ()(x, y) => { … } // 多引數不能省略 ()
7、更簡潔的物件語法
你沒有看錯,bug一樣的語法。
8、重中之重——類
你沒有看錯,這裡面的this就沒有問題的。不得不說的一個東西就是繼承,這裡得感謝ES6,我們再也不用apply 和 constructor 混合的方式繼承了,直接用extend,鼓掌。
再說一個模組化,前方高能,必須必須必須會!!
定義模組
const a = 12; export a;
怎麼使用?
import modA from './a.js'; console.log(modA);
9、promise
如果你想玩一些新的庫,肯定離不開資料互動,外面炒的很火。
使用:
10、生成器Gennerator
看起來挺懸,其實就是那麼回事兒。
一個函式,可以遍歷狀態,感覺就是狀態機。
語法:
function *show(){
}
注意:
a)函式名字前有星號
b)內部用yield
c)next執行下一個狀態