
1. 函數參數默認值
用法如下
{function test(x, y = 'world') {console.log('默認值', x, y);}test('hello'); // hello worldtest('hello', 'TH'); // hello TH
}
2. rest 參數
在不確定參數個數的時候,把輸入的參數都轉化為數組:
注意: rest 參數后邊不能再放其他參數了, 否則會報錯
{function test3(...arg) {for (let v of arg) {console.log('rest', v);}}test3(1, 2, 3, 4, 'a');
}// rest 1
// rest 2
// rest 3
// rest 4
// rest a
3. 箭頭函數
引入箭頭函數有兩個方面的作用:更簡短的函數并且不綁定this
。
3.1用法
(參數1, 參數2, …, 參數N) => { 函數聲明 }//相當于:(參數1, 參數2, …, 參數N) =>{ return 表達式; }
(參數1, 參數2, …, 參數N) => 表達式(單一)// 當只有一個參數時,圓括號是可選的:
(單一參數) => {函數聲明}
單一參數 => {函數聲明}// 沒有參數的函數應該寫成一對圓括號。
() => {函數聲明}
3.2 關于this
箭頭函數不會創建自己的this,它只會從自己的作用域鏈的上一層繼承this
。this會在函數定義時候就被確定(es5中非箭頭函數則在運行是才會被確定)
function Person(){this.age = 0;setInterval(() => {this.age++; // |this| 正確地指向 p 實例}, 1000);
}var p = new Person();
3.3. call apply bind 與箭頭函數
由于箭頭函數沒有自己的this指針,通過 call()
或apply()
方法調用一個函數時,只能傳遞參數(不能綁定this),他們的第一個參數會被忽略。(這種現象對于bind方法同樣成立)。
3.4. 其他
箭頭函數不能用作構造器,和new
一起用會拋出錯誤。
箭頭函數不綁定Arguments 對象。
箭頭函數沒有prototype
屬性。
yield
關鍵字通常不能在箭頭函數中使用(除非是嵌套在允許使用的函數內)。因此,箭頭函數不能用作生成器