js只執(zhí)行1次的函數(shù)示例
在我們?nèi)粘i_(kāi)發(fā)的時(shí)候,經(jīng)常會(huì)碰到一種這樣的情況:想讓某個(gè)函數(shù)只執(zhí)行一次,特別是在一些循環(huán)或定時(shí)執(zhí)行的時(shí)候。
廢話(huà)不多說(shuō),直接上代碼:
function runOnce(fn, context) { //控制讓函數(shù)只觸發(fā)一次 return function () { try { fn.apply(context || this, arguments); } catch (e) { console.error(e);//一般可以注釋掉這行 } finally { fn = null; } } } // Usage 1: var a = 0; var canOnlyFireOnce = runOnce(function () { a++; console.log(a); }); canOnlyFireOnce(); //1 canOnlyFireOnce(); // nothing canOnlyFireOnce(); // nothing // Usage 2: var name = "張三"; var canOnlyFireOnce = runOnce(function () { console.log("你好" + this.name); }); canOnlyFireOnce(); //你好張三 canOnlyFireOnce(); // nothing // Usage 3: var obj = {name: "天涯孤雁", age: 24}; var canOnlyFireOnce = runOnce(function () { console.log("你好" + this.name); }, obj); canOnlyFireOnce(); //你好天涯孤雁 canOnlyFireOnce(); // nothing
因?yàn)榉祷睾瘮?shù)執(zhí)行一次后,fn = null將其設(shè)置未null,所以后面就不會(huì)執(zhí)行了。再貼一個(gè)網(wǎng)上別人分享的代碼,道理一樣的:
function once(fn, context) { var result; return function() { if(fn) { result = fn.apply(context || this, arguments); fn = null; } return result; }; } // Usage var canOnlyFireOnce = once(function() { console.log('Fired!'); }); canOnlyFireOnce(); // "Fired!" canOnlyFireOnce(); // nothing
以上就是為大家整理讓javascript只執(zhí)行一次的函數(shù)示例,有需要的可以參考。
- 淺談JavaScript中運(yùn)算符的優(yōu)先級(jí)
- js 與或運(yùn)算符 || && 妙用
- javascript typeof的用法與typeof運(yùn)算符介紹[詳細(xì)]
- JS中三目運(yùn)算符和if else的區(qū)別分析與示例
- js的邏輯運(yùn)算符 ||
- Javascript 按位取反運(yùn)算符 (~)
- javascript三元運(yùn)算符用法實(shí)例
- js利用與或運(yùn)算符優(yōu)先級(jí)實(shí)現(xiàn)if else條件判斷表達(dá)式
- JavaScript中常用的運(yùn)算符小結(jié)
- js定時(shí)器(執(zhí)行一次、重復(fù)執(zhí)行)
- js 程序執(zhí)行與順序?qū)崿F(xiàn)詳解
- 如何讓頁(yè)面加載完成后執(zhí)行js
- 頁(yè)面加載完后自動(dòng)執(zhí)行一個(gè)方法的js代碼
- js函數(shù)setTimeout延遲執(zhí)行的簡(jiǎn)單介紹
- 頁(yè)面加載完成后再執(zhí)行JS的jquery寫(xiě)法以及區(qū)別說(shuō)明
- window.addEventListener來(lái)解決讓一個(gè)js事件執(zhí)行多個(gè)函數(shù)
- js 把字符串當(dāng)函數(shù)執(zhí)行的方法
- Js中setTimeout()和setInterval() 何時(shí)被調(diào)用執(zhí)行的用法
- JS實(shí)現(xiàn)判斷滾動(dòng)條滾到頁(yè)面底部并執(zhí)行事件的方法
相關(guān)文章
JS面試必備之如何實(shí)現(xiàn)一個(gè)精確的倒計(jì)時(shí)
又到了金三銀四的季節(jié)了,面試的各位同學(xué)要開(kāi)始準(zhǔn)備起來(lái)了,今天主要分享一個(gè)在面試中經(jīng)常被提到的一個(gè)面試題:倒計(jì)時(shí),希望對(duì)大家有所幫助2024-03-03top.location.href 沒(méi)有權(quán)限 解決方法
以前好像沒(méi)有遇到這問(wèn)題,也可能是沒(méi)有在意吧,我的blog內(nèi)容頁(yè)都是有判斷的,規(guī)則是,如果top.location不是內(nèi)容頁(yè)的話(huà)就跳到內(nèi)容頁(yè)2008-08-08open 動(dòng)態(tài)修改img的onclick事件示例代碼
動(dòng)態(tài)修改img的onclick事件,使用open也可輕松做到,下面有個(gè)不錯(cuò)的示例,需要的朋友可以參考下2013-11-11Bootstrap modal 多彈窗之疊加顯示不出彈窗問(wèn)題的解決方案
Bootstrap modal 多彈窗之疊加顯示不出彈窗問(wèn)題,今天小編抽時(shí)間給大家分享下解決方案,需要的朋友參考下2017-02-02js canvas實(shí)現(xiàn)5張圖片合成一張圖片
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)5張圖片合成一張圖片,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07