javascript中的函数只能被调用一次

Question

我需要创建一个只能执行一次的函数,每次执行后都不会执行.我从C++和Java中了解到可以完成工作的静态变量,但我想知道是否有更优雅的方法来做到这一点？

Answer 1

如果"不会执行"你的意思是"在多次调用时不会做什么",你可以创建一个闭包:

var something = (function() {
    var executed = false;
    return function() {
        if (!executed) {
            executed = true;
            // do something
        }
    };
})();

something(); // "do something" happens
something(); // nothing happens

回答@Vladloffe的评论(现已删除):使用全局变量,其他代码可以重置"已执行"标志的值(无论你为它选择什么名称).有了封闭,其他代码无法做到这一点,无论是意外还是故意.

正如其他答案所指出的,一些库(如Underscore和Ramda)有一个小实用函数(通常名为once()^[*]),它接受一个函数作为参数,并返回另一个函数,它只调用一次提供的函数,无论如何很多次调用返回的函数.返回的函数还会缓存由提供的函数首先返回的值,并在后续调用中返回该值.

但是,如果您没有使用这样的第三方库,但仍然需要这样的实用程序功能(而不是我上面提供的nonce解决方案),那么实现起来就很容易了.我见过的最好的版本是David Walsh发布的这个版本:

function once(fn, context) { 
    var result;
    return function() { 
        if (fn) {
            result = fn.apply(context || this, arguments);
            fn = null;
        }
        return result;
    };
}

我会倾向于改变fn = null;对fn = context = null;.有没有理由,关闭,保持一个参考context一旦fn被调用.

^[*]但是 _{要注意,其他库,例如对jQuery的这个Drupal扩展,可能有一个名为的函数once(),它做了一些完全不同的事情.}

Answer 2

用可重复使用的NOOP (无操作)功能替换它.

// this function does nothing
function noop() {};

function foo() {
    foo = noop; // swap the functions

    // do your thing
}

function bar() {
    bar = noop; // swap the functions

    // do your thing
}

Answer 3

一旦被调用,指向空函数:

function myFunc(){
     myFunc = function(){}; // kill it as soon as it was called
     console.log('call once and never again!'); // your stuff here
};

<button onClick=myFunc()>Call myFunc()</button>

Answer 4

UnderscoreJs有一个函数可以做到这一点,underscorejs.org/#once

  // Returns a function that will be executed at most one time, no matter how
  // often you call it. Useful for lazy initialization.
  _.once = function(func) {
    var ran = false, memo;
    return function() {
      if (ran) return memo;
      ran = true;
      memo = func.apply(this, arguments);
      func = null;
      return memo;
    };
  };

Answer 5

谈到静态变量,这有点像闭包变体:

var once = function() {
    if(once.done) return;
    console.log('Doing this once!');
    once.done = true;
};

once(); once(); 

如果您愿意,您可以重置一个功能:

once.done = false;

Answer 6

您可以简单地使用“删除自身”功能

\n\n

\xe2\x80\x8bfunction Once(){\n    console.log("run");\n\n    Once = undefined;\n}\n\nOnce();  // run\nOnce();  // Uncaught TypeError: undefined is not a function \n

\n\n

但如果您不想吞下错误，这可能不是最好的答案。

\n\n

你也可以这样做：

\n\n

function Once(){\n    console.log("run");\n\n    Once = function(){};\n}\n\nOnce(); // run\nOnce(); // nothing happens\n

\n\n

我需要它像智能指针一样工作，如果没有类型 A 的元素，则可以执行它，如果有一个或多个 A 元素，则函数无法执行。

\n\n

function Conditional(){\n    if (!<no elements from type A>) return;\n\n    // do stuff\n}\n

\n

Answer 7

var quit = false;

function something() {
    if(quit) {
       return;
    } 
    quit = true;
    ... other code....
}