2020-03-06
描述
确保一个函数只被调用一次。
提示
- 在闭包中使用一个标志变量
called
,当函数经过第一次调用后就将其设置为true
,从而阻止该函数被再次调用 - 为了让函数能够修改自己的
this
上下文(如在一个事件监听器中),不仅需要使用funciton
关键字,还需要让函数拥有自己的上下文环境 - 使用扩展运算符
...
让函数可以接受任意多个参数
代码
const once = fn => {
let called = false;
return function(...args) {
if (called) return;
called = true;
return fn.apply(this, args);
};
};
示例
只触发一次点击事件:
const startApp = function(event) {
console.log(this, event); // document.body, MouseEvent
};
document.body.addEventListener('click', once(startApp));
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于