如果你是一個使用JavaScript的初學者,或者你過去看過一些JavaScript代碼,你肯定見過箭頭函數。但是,您還看到了保留字函數,并且可能已經看到一些函數是使用 let 或 const 聲明的。這是因為在整個 JavaScript 的歷史中,有不同的方法來聲明和使用函數。
目前,您可以使用多種方法聲明函數。讓我給大家看一些例子:
聲明函數的不同方法:
除了最后一種方法之外,上述方法都不難理解。它真的是一種聲明函數的方法嗎?在哪里指定它是一個函數?使用箭頭是什么意思?如果你對我過去有過懷疑,請冷靜下來,因為你會完全理解箭頭功能的內容,時間和原因。
所以,首先...
為什么存在箭頭函數?
2015 版的 ECMAScript 規范 (ES6) 添加了箭頭函數,為語言提供了一種使用 lambda 函數(匿名函數,允許我們在不命名它們的情況下編寫更快的函數)的方法,就像其他語言一樣。通過這樣做,他們為語言添加了新功能,并允許我們編寫更短的函數語法。此新功能的語法與 PHP lambda 函數非常相似。
“好吧,我能理解為什么,但我無法想象。箭頭函數到底是什么?
什么是箭頭函數?
箭頭函數只是使用胖箭頭聲明匿名函數的新方法。但是,箭頭函數在許多方面與傳統函數不同。正因為如此,它們在某些情況下非常有用,但我們不必濫用它們(例如,您不能使用箭頭函數作為構造函數,您必須注意在箭頭函數中使用它,但這些概念與本文的范圍相去甚遠)。
讓我們看看箭頭函數的結構。
箭頭函數結構
絕對值。箭頭函數是匿名的,你不能說出它的名字。例如,您可以在其他函數中將其用作回調,也可以從保存該函數的變量中推斷其名稱。在這種情況下, absValue 保存函數 (例如, 如果你想調用它, 你必須寫 absValue(5)) 。
(數字)。在括號后面,您將包括函數的參數。您可以使用一個或多個默認值...箭頭函數也不支持括號語法。
=> {}.胖箭頭和括號將向 JavaScript 指示它是一個箭頭函數,該函數的語句位于何處。
返回。如果函數返回某些內容,則必須使用保留字 return。但是,箭頭函數也支持隱式返回。
使用箭頭函數縮短代碼的方法
創建箭頭函數的原因之一是縮短代碼。正因為如此,如果我們使用箭頭函數來進一步縮短代碼,我們可以使用一些“技巧”:
隱式返回。我們可以省略大括號和 return 關鍵字,箭頭函數將起作用。
單個參數。如果我們只有一個參數,我們可以省略括號。
內聯箭頭函數。如果我們的箭頭函數只有一個語句或幾個語句,我們只能用一行寫它。
實際情況下箭頭函數的一些示例
最后,讓我為您提供一些箭頭函數的真實示例:
如果你想成為一名優秀的JavaScript開發人員,了解箭頭函數是必須的。此功能為我們提供了編寫簡短函數定義的能力和編寫匿名函數的能力。使用箭頭函數縮短我們的代碼可以提高代碼的可讀性,并提高我們作為開發人員的工作效率