setTimeout() 在自调用函数中的递归函数上

Question

我想将我的代码作为一个自我调用的匿名函数分发，正如我看到的许多人所做的那样。此外，在我的代码中，我必须监视另一个库加载，以便在可用时使用它。

(function(window, document, undefined) {
  staffHappens();
  var initMyLib = function() {
    if (typeof(myLib) == 'undefined') {
      setTimeout("initMyLib()", 50);
    } else {
      useMyLib();
    }
  }
  moreStaffHappens();
  initMyLib(); //-> initMyLib is undefined
})(this, document);

这个错误是怎么发生的？ initMyLib 是否应该在封闭（自调用）函数的范围内？

Answer 1

将setTimeout("initMyLib()", 50); 更改为setTimeout(initMyLib, 50);

当您将字符串作为参数传递时，它会在触发超时时尝试评估它，但它将在全局范围内运行。而且你的方法在全局范围内不存在。

---

演示地址 http://jsfiddle.net/gaby/zVr7L/

Answer 2

您还可以使用真正的匿名函数来避免范围问题：

(function() {
    if(typeof(myLib) == 'undefined')
        setTimeout(arguments.callee, 50);
    else
        // loaded
})()

Answer 3

尝试阅读此答案以获取一些线索：recursive function vs setInterval vs setTimeout javascript

这是来自该答案的代码示例：

/*
this will obviously crash... and all recursion is at risk of running out of call stack and breaking your page...

function recursion(c){
    c = c || 0;
    console.log(c++);
    recursion(c);
}
recursion();

*/

// add a setTimeout to reset the call stack and it will run "forever" without breaking your page!
// use chrome's heap snapshot tool to prove it to yourself.  :)

function recursion(c){
    setTimeout(function(c){
        c = c || 0;
        console.log(c++);
        recursion(c);
    },0,c);
}

recursion();

// another approach is to use event handlers, but that ultimately uses more code and more resources