JavaScript 中的初始化函式

Shraddha Paghdar 2022年5月10日
JavaScript 中的初始化函式

函式是 JavaScript 最基本的元素之一。JavaScript 函式與過程的函式非常相似。

一組指令/語句執行一項任務或計算一個值。對於一個有資格作為函式的過程,它必須要求輸入並在測試時返回一個輸出。

要使用函式,你必須在要呼叫它的範圍內定義它。

在今天的文章中,我們將學習 JavaScript 中的 init 函式。

JavaScript 中的初始化函式

當函式只使用一次時,立即呼叫函式表示式 (Immediately Invoked Function Expression,IIFE) 很常見。

(function() {
    /* Set of instructions */
})();
(() => {
    /* Set of instructions */
})();

IIFE 是函式宣告後立即呼叫的函式表示式。不以函式開頭的函式宣告是函式表示式。

普通函式定義也稱為函式語句或函式宣告。此函式宣告由關鍵字 function 組成,後跟:

  1. 函式的唯一名稱。
  2. 函式所需的所有引數都用括號括起來,用逗號分隔。
  3. JavaScript 宣告定義函式。它用方括號括起來,{...}

建立命名函式表示式的優點之一是,如果我們遇到錯誤,堆疊跟蹤將包含函式名稱,從而更容易找到錯誤的來源。

IIFEs 是一種設計模式,也稱為自執行匿名函式,有兩個主要部分。

  1. 第一個是詞法分隔的匿名函式,它包含在分組運算子 () 中。這會阻止訪問 IIFE 語言中的變數並汙染世界範圍。
  2. 第二部分建立立即呼叫函式表示式 () 的函式,它允許 JavaScript 引擎直接解釋該函式。
const additionFunction = function() {
    console.log(2+3)
};
additionFunction();

(function(){
    console.log(2+3)
})();

因為我們的應用程式可能包含來自不同原始檔的許多函式和全域性變數,所以限制全域性變數的數量很重要。

我們以上面的程式碼為例;我們已經宣告瞭兩個函式。這兩個函式都執行類似的任務並列印結果 5。

如果我們有不需要重用的啟動程式碼,我們可以使用 IIFE 模式。

程式碼不會被重用。在這種情況下,使用 IIFE 比使用函式宣告或表示式更好。

當你在任何瀏覽器中執行上述程式碼時,它會列印出類似這樣的內容。

輸出:

"5"
"5"
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相關文章 - JavaScript Function