首頁 > web前端 > js教程 > 如何在 JavaScript 中建立只執行一次的函數?

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

Mary-Kate Olsen
發布: 2024-10-22 22:55:02
原創
631 人瀏覽過

How Can I Create Functions That Execute Only Once in 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中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板