如何在 JavaScript 中建立只執行一次的函數？

深入了解 JavaScript 中的單執行函數

程式設計中的一個常見要求涉及建立只能執行一次的函數。雖然您可能會想到在 C 和 Java 等語言中使用靜態變量，但 JavaScript 提供了一個優雅的替代方案：閉包。

理解閉包

JavaScript 中的閉包是具有以下功能的函數：存取其父函數的範圍，即使在父函數返回之後也是如此。透過利用閉包，我們可以建立一個函數來追蹤它之前是否已執行過。

考慮以下範例：

<code class="javascript">var something = (function() {
    var executed = false;
    return function() {
        if (!executed) {
            executed = true;
            // Do something
        }
    };
})();

something(); // "Do something" happens
something(); // Nothing happens</code>

在此範例中，外部函數建立了一個閉包圍繞內部功能。內部函數檢查執行標誌是否設定為 false，表示之前沒有執行過。如果為 false，則該標誌設為 true，並執行所需的操作。在後續呼叫中，執行標誌保持為 true，導致函數不執行任何操作。

第三方函式庫函數

各種第三方 JavaScript 函式庫，例如 Underscore和Ramda，提供像once()這樣的實用函式。這些函數接受另一個函數作為參數，並傳回一個只執行一次所提供函數的函數。傳回的函數也會快取第一次執行的值，並在後續呼叫時傳回該值。

David Walsh 提供了一個值得注意的實作：

<code class="javascript">function once(fn, context) {
    var result;
    return function() {
        if (fn) {
            result = fn.apply(context || this, arguments);
            fn = null;
        }
        return result;
    };
}</code>

此函數會在提供的值上建立一個閉包函數（fn）和上下文（context）。在第一次執行時，它將 result 設為 fn 的回傳值並將 fn 設為 null，從而有效地防止以後執行。在後續呼叫中，它只是傳回快取的結果。

用法

使用這些單執行函數非常簡單。只需將您想要執行一次的函數傳遞給實用程式函數，即可根據需要呼叫傳回的函數，而無需擔心重新執行。

例如，使用David Walsh 的實作：

<code class="javascript">function something() { /* Do something */ }
var one_something = once(something);

one_something(); // "Do something" happens
one_something(); // Nothing happens</code>

結論

閉包和實用函數提供了在JavaScript 中建立單執行函數的優雅方法。透過理解和利用這些技術，您可以有效地處理特定功能只應執行一次的情況。

以上是如何在 JavaScript 中建立只執行一次的函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！