卡卡網(wǎng)

對(duì)于剛接觸箭頭函數(shù)的人來(lái)說(shuō)，弄清楚它的基本概念，以及它與常規(guī)函數(shù)的不同之處，是特別重要的環(huán)節(jié)。本指南為箭頭函數(shù)的新手撰寫(xiě)，旨在介紹如何理解箭頭函數(shù)的基本概念。

什么是函數(shù)

最簡(jiǎn)單地說(shuō)，JavaScript 中的函數(shù)是一段代碼，旨在調(diào)用時(shí)執(zhí)行特定任務(wù)。我們使用它們的原因通常是為了簡(jiǎn)化我們的程序；消除混亂和冗余，從而消除我們制造錯(cuò)誤的機(jī)會(huì)。

句法

一個(gè)函數(shù)被分解成幾個(gè)基本元素。通過(guò)一對(duì)括號(hào)傳遞的名稱、參數(shù)，以及一段代碼。

 
標(biāo)準(zhǔn)函數(shù)

箭頭函數(shù)

我們應(yīng)該使用哪一個(gè)？

這可能是大多數(shù)新手在第一次了解這兩種不同形式的函數(shù)時(shí)有點(diǎn)迷失的地方。“我什么時(shí)候應(yīng)該使用一個(gè)而不是另一個(gè)？” 簡(jiǎn)單的答案是你應(yīng)該繼續(xù)用你覺(jué)得舒服和習(xí)慣的東西來(lái)編碼，在這種情況下，不要因?yàn)槭褂闷渲幸粋€(gè)而感到有壓力。但是，如果你喜歡挑戰(zhàn)，請(qǐng)問(wèn)問(wèn)自己——“這個(gè)函數(shù)會(huì)在我的程序中任何地方使用嗎？”

標(biāo)準(zhǔn)函數(shù)可以被提升，或者換句話說(shuō)，可以從程序中的任何地方調(diào)用。箭頭函數(shù)不能被提升，這意味著它們只能在函數(shù)被寫(xiě)出之后或下方被調(diào)用。因此，這取決于如何構(gòu)建代碼，這是兩者之間的一個(gè)主要區(qū)別！

全局函數(shù)用標(biāo)準(zhǔn)函數(shù)

在編寫(xiě)全局函數(shù)時(shí)，應(yīng)該使用標(biāo)準(zhǔn)函數(shù)。這樣可以輕松地從程序中的任何地方調(diào)用函數(shù)，無(wú)論是在之前編寫(xiě)的函數(shù)中，還是在后面的地方。如果函數(shù)的執(zhí)行結(jié)果與預(yù)期的不太一樣，它也會(huì)使故障排除變得更容易一些。

無(wú)函數(shù)構(gòu)造函數(shù)用箭頭函數(shù)

在沒(méi)有函數(shù)構(gòu)造函數(shù)的情況下，應(yīng)該編寫(xiě)箭頭函數(shù)，從而使代碼更易于閱讀。

 
極簡(jiǎn)函數(shù)

以最簡(jiǎn)單的形式，箭頭函數(shù)可以寫(xiě)成沒(méi)有構(gòu)造函數(shù)、名稱和參數(shù)的匿名函數(shù)。如果是單行，你甚至可以去掉大括號(hào)。

以這種方式使用時(shí)，傳遞的參數(shù)或值是從其父級(jí)繼承的，它不能在其他任何地方調(diào)用，因?yàn)樗悄涿模@意味著該函數(shù)是一次性使用的。

 
你能看到回調(diào)箭頭函數(shù)從哪里開(kāi)始嗎？

在此示例中，回調(diào)函數(shù)從事件偵聽(tīng)器的第二個(gè)參數(shù)開(kāi)始。

我們可以省略大括號(hào)并將里面代碼全部寫(xiě)在一行中。選擇使用大括號(hào)是為了把其他功能添加到“點(diǎn)擊”事件觸發(fā)器中。

總結(jié)

本文介紹了箭頭函數(shù)和常規(guī)函數(shù)的一些基本概念，以及何時(shí)使用它們，本文設(shè)法以易于理解的方式解釋了箭頭函數(shù)和常規(guī)函數(shù)的關(guān)鍵差異。希望通過(guò)本文，能讓你進(jìn)一步理解箭頭函數(shù)和常規(guī)函數(shù)。

下面文章同樣能幫助你更好理解箭頭函數(shù)和常規(guī)函數(shù)。

• 不能使用箭頭函數(shù)的6種情況
• [實(shí)例]演示區(qū)別箭頭函數(shù)和常規(guī)函數(shù)的this值
• 箭頭函數(shù)=>不能換行？大括號(hào){}這種情況下可以不要
• 實(shí)例演示無(wú)參數(shù)、單參數(shù)、多參數(shù)的箭頭函數(shù)用法
• 實(shí)例詳解JS箭頭函數(shù)=>與傳統(tǒng)匿名函數(shù)處理this的不同方法

標(biāo)簽: 箭頭函數(shù)