首頁 > web前端 > js教程 > 主體

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

Linda Hamilton
發布: 2024-10-22 23:32:29
原創
678 人瀏覽過

How Can I Create a Function in JavaScript That Executes Only Once?

在 JavaScript 中建立一個只能執行一次的函數

在 JavaScript 中,有時需要將函數的執行限制為單一實例。雖然靜態變數可以在 C 等語言中實現這一點,但 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>
登入後複製

此函數可確保閉包中包含的程式碼僅執行一次,無論後續呼叫為何。

或者,如果您喜歡更封裝的方法,您可以使用如下所示的實用函數:

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

用法:

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

one_something(); // "do something" happens
one_something(); // nothing happens</code>
登入後複製

此實用函數傳回一個快取第一次呼叫結果並停用後續執行的函數。

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

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!