如何在JavaScript中使用箭頭函數

發布時間：2021-05-11 15:45:04 來源：億速云閱讀：161 作者：Leah 欄目：web開發

如何在JavaScript中使用箭頭函數？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。

箭頭函數在 JavaScript 里面，是 ES6（ES2015）才加入進來的。因為函數里有個像箭頭一樣的符號：=>，所以叫箭頭函數，英文經常也會稱為 Fat arrow functions，胖乎乎的箭頭函數。這種函數也稱為 lambda 表達式。箭頭函數不能當作構造函數使用。

語法

一個箭頭函數看起來像這樣：

const greet = () => hello

箭頭（=>）左邊是函數的參數，如果函數沒有參數，要使用一組空白的括號，如果函數只有一個參數，這個參數的周圍可以不用括號，如果有多個參數，這些參數要放在一組括號里，中間用逗號分隔開。

箭頭右邊是函數的主體部分，上面這個函數的主體只有一行，所以可以直接把主體放在箭頭的右邊，箭頭函數會自動返回這種單行的主體的結果，也就是你不需要明確的使用 return 關鍵詞返回值。如果函數的主體是多行的，可以把主體部分放在一組大括號里（{ }）。

單個參數

const greet = name => `hello, ${name}`

name 是 greet 這個箭頭函數的一個參數，因為函數只有一個參數，所以它的周圍不需要添加括號。

多個參數

const greet = (greeting, name) => `${greeting}, ${name}`

greet 這個函數現在有兩個參數：greeting 與 name，它們周圍用了一組括號，參數之間用逗號分隔花。

主體

上面這個函數的主體只有一行，是一個表達式，這個表達式的結果會自動被返回，這就相當于是這樣：

const greet = (greeting, name) => {
 return `${greeting}, ${name}`
}

看完上述內容，你們掌握如何在JavaScript中使用箭頭函數的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！

向AI問一下細節