JavaScript 函數：宣告與表達式 – 有什麼不同？

在 JavaScript 中定義函數：宣告與表達式

使用 JavaScript 時，理解函數表達式和函數宣告之間的差異至關重要。雖然兩者都可以定義函數，但它們在程式碼中的載入和執行存在顯著差異。

函數宣告與表達式

函數宣告：

• 使用函數關鍵字，後面接著函數名稱和函數體。
• 在頂層宣告或在區塊語句內。
• 在執行任何其他程式碼之前載入到執行上下文中。

範例：

function foo() { return 5; }

匿名函數表達式：

• 使用不帶名稱的function 關鍵字，允許將函數指派給變數。
• 使用箭頭函數語法 (=>) 或function() 語法。
• 只有當JavaScript 解釋器到達該行時才載入到執行上下文中code.

範例（箭頭函數）：

const foo = () => { return 5; }

範例（函數語法）：

const foo = function() { return 5; }

命名函數表達式：

• 類似匿名函數表達式，但有指定的名稱。
• 當解釋器到達該行時也會載入到執行上下文中

範例：

const foo = function foo() { return 5; }

瀏覽器如何處理函數宣告和表達式

宣告和表達式之間的主要區別在於瀏覽器如何載入它們。函數聲明被提升到作用域的頂部，並在執行任何程式碼之前可用。相反，函數表達式僅在 JavaScript 解釋器遇到時才會載入。

錯誤處理

如果函數表達式在其定義之前被調用，則會導致錯誤，因為它尚未定義載入到執行上下文中。另一方面，函數聲明總是可以被調用，因為它們從程式碼開始就可用。

Safari 中的命名函數表達式

歷史上，Safari 瀏覽器在命名函數方面存在問題表達式。這種語法曾經會導致錯誤，但該問題已在後續版本中解決。

以上是JavaScript 函數：宣告與表達式 – 有什麼不同？的詳細內容。更多資訊請關注PHP中文網其他相關文章！