js规定函数只能执行一次代码实例

分享一段代码实例，它实现了规定函数只能运行一次的功能。

代码实例如下:

function once(fn, context) {
  var result;
  return function () {
    if (fn) {
      result = fn.apply(context || this, arguments);
      fn = null;
    }
    return result;
  };
}
 
var canOnlyFireOnce = once(function () {
  console.log("前端教程网");
});
canOnlyFireOnce();
canOnlyFireOnce();

上面的代码实现了我们的要求，下面介绍一下它的实现过程。

一.代码注释:

（1）.function once(fn, context) {},fn是要执行一次的函数，context规定fn函数的调用对象，也就是执行上下文。

（2）.var result，声明一个变量，用来存储fn函数执行的返回结果。

（3）.return function () {

  if (fn) {

    result = fn.apply(context || this, arguments);

    fn = null;

  }

  return result;

}，返回函数对象，函数执行一次之后，就将其设置为null，所以只能执行一次。

二.相关阅读:

（1）.apply()可以参阅js apply()一章节。

（2）.arguments可以参阅javascript arguments一章节。