本篇文章給大家帶來了JavaScript中關于箭頭函數和剩余參數的相關知識，箭頭函數與剩余參數都非常簡潔，下面我們就一起來看一下怎樣去使用，希望對大家有幫助。

創新互聯堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網站設計、網站制作、企業官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯網時代的塔什庫爾干塔吉克網站設計、移動媒體設計的需求，幫助企業找到有效的互聯網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！1.?什么是箭頭函數？

箭頭函數表達式語法比函數表達式更簡潔，即函數的一種簡化形式。
它的寫法：

() => {}; // 可以用來寫一個匿名函數

它的結構：

const / let 函數名 參數 => 函數體

比如現在有一個一般形式的函數表達式

let add = function(x, y) {return x + y;};

可以用箭頭函數來寫：

let add = (x, y) => {return x + y;};

---

2. 箭頭函數的化簡寫法單個參數// 對于單個參數，我們可以省略外面的圓括號let addOne = x => {return x + 1;}單行函數體// 對于單行返回函數體，可以同時省略 {} 和 returnlet add (x, y) => x + y;單行對象// 對于返回單行對象，在外面加個 ()let add (x, y) => ({value: x + y;});

---

3.?箭頭函數的基礎知識

箭頭函數沒有 this，它會根據作用域鏈在外層中尋找 this。 舉個例子：

var A = 1;let fun = { A: 2, printA: () => { console.log(this.A); }, printAA: function() { let print = () => { console.log(this.A); } print(); }};fun.printA(); // 1fun.printAA(); // 2

調用printA，里面是輸出this.A，由于箭頭函數沒有this，所以在外層尋找，外層是fun。在這里，fun.printA()是在全局作用域中調用的，所以外層的this指向的是window，由于之前用var定義了一個 A = 1，所以輸出的是 1。

調用printAA，在里面調用了print()，輸出this.A，看print這個函數，是個箭頭函數，他沒有this，所以找外層，它的外層是printAA，它是由fun調用的，所以它的this指向fun，所以輸出fun中定義的 A，也就是 2。

---

4. 箭頭函數不適用的場景作為構造函數

實例化構造函數之后，它的 this 指向實例化的對像，而箭頭函數沒有 this，所以它不能用來做構造函數。

需要 this 指向調用對象的時候

需要使用 arguments 的時候

箭頭函數中沒有 arguments，可以使用剩余參數來存參數。

---

5.?剩余參數5.1) 什么是剩余參數 ？

舉個例子：

let add = (x, y, z, ...args) => {console.log(x, y, z, args);};

args就是剩余參數。 剩余參數是個數組，它即使沒有值，也是以一個空數組形式存在。 比如：

let add = (x, y, z, ...args) => { console.log(x, y, z, args);}add(1, 2, 3);

x, y, z 對應參數 1， 2， 3，由于剩余參數沒有值，所以空數組形式存在。

5.2) 作用

由于箭頭函數沒有arguments，所以我們可以使用剩余參數替代arguments獲取實際參數 舉個例子：

const print = (...args) => { console.log(args);};print(1, 2);

5.3) 注意事項在箭頭函數中，即使只有一個剩余參數，也不能省略圓括號let add = (...args) => {};剩余參數只能是最后一個參數，之后不能再有其他參數，否則會報錯

【相關推薦：javascript學習教程】

名稱欄目：你必須了解JavaScript箭頭函數與剩余參數
網頁網址：http://www.xueling.net.cn/article/cgiesc.html