深入了解 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中文網其他相關文章!