AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

js只执行1次的函数示例

51自学网 http://www.wanshiok.com
javascript,执行顺序,javascript,定时执行,javascript,延时执行

在我们日常开发的时候,经常会碰到一种这样的情况:想让某个函数只执行一次,特别是在一些循环或定时执行的时候。

废话不多说,直接上代码:

function runOnce(fn, context) { //控制让函数只触发一次  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(); //1canOnlyFireOnce(); // nothingcanOnlyFireOnce(); // 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

因为返回函数执行一次后,fn = null将其设置未null,所以后面就不会执行了。再贴一个网上别人分享的代码,道理一样的:

function once(fn, context) {   var result;   return function() {     if(fn) {      result = fn.apply(context || this, arguments);      fn = null;    }     return result;  };} // Usagevar canOnlyFireOnce = once(function() {  console.log('Fired!');}); canOnlyFireOnce(); // "Fired!"canOnlyFireOnce(); // nothing

以上就是为大家整理让javascript只执行一次的函数示例,有需要的可以参考。


javascript,执行顺序,javascript,定时执行,javascript,延时执行  
上一篇:Node.js如何自动审核团队的代码  下一篇:JQuery为元素添加样式的实现方法