1. 程式人生 > 其它 >ES6 新特性

ES6 新特性

  1.變數宣告-let 與const

  2.模版字串

  使用 反引號``(鍵盤上esc下面那個鍵) 將整個字串包裹起來,而在其中使用 ${} 來包裹一個變數或者一個表示式

  3.拓展運算子 (展開運算子)

  在ES6中用...來表示展開運算子,它可以將陣列方法或者物件進行展開。上栗子

//1.函式呼叫中使用展開運算子
function test(a, b, c) { }
var args = [0, 1, 2];
test.apply(null, args);
  在ES6裡可以這樣寫

function test(a,b,c) { }
var args = [0,1,2];
test(...args);

 //2.陣列字面量中使用展開運算子

const arr1 = [1, 2, 3];
const arr2 = [...arr1, 10, 20, 30];

// 這樣,arr2 就變成了[1, 2, 3, 10, 20, 30];

  4.箭頭函式

    函式的快捷寫法,不需要通過function關鍵字建立函式,並且還可以省略return關鍵字。(注意:箭頭函式本身沒有this,如果在箭頭函式內使用this,這個this一定是它上級的this,再有就是箭頭函式可以代替函式表示式,但代替不了函式宣告,它還是需要宣告才能使用的)。

var person = {
    name: 'tom',
    getName: 
function() { return this.name; } } // 用ES6的寫法來重構上面的物件 const person = { name: 'tom', getName: () => this.name } // 但是編譯結果卻是 var person = { name: 'tom', getName: function getName() { return undefined.name; } };