js只执行1次的函数示例

前端之家收集整理的这篇文章主要介绍了js只执行1次的函数示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

废话不多说,直接上代码

函数只触发一次 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

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

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只执行一次的函数示例,有需要的可以参考。

原文链接:https://www.f2er.com/js/47178.html

猜你在找的JavaScript相关文章