1. 程式人生 > >前端必須會的ES6知識

前端必須會的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執行下一個狀態