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

創(chuàng)新互聯(lián)公司擁有十載成都網(wǎng)站建設(shè)工作經(jīng)驗,為各大企業(yè)提供網(wǎng)站設(shè)計制作、成都做網(wǎng)站服務(wù)，對于網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、App定制開發(fā)、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、域名注冊等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等網(wǎng)站化運作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項目的能力。

JavaScript是什么

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

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

語法

一個箭頭函數(shù)看起來像這樣：

const greet = () => hello

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

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

單個參數(shù)

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

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

多個參數(shù)

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

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

主體

上面這個函數(shù)的主體只有一行，是一個表達(dá)式，這個表達(dá)式的結(jié)果會自動被返回，這就相當(dāng)于是這樣：

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

看完上述內(nèi)容，你們掌握如何在JavaScript中使用箭頭函數(shù)的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！