从同一函数内调用函数

Question

我正在将一些 JavaScript 代码转换为 jQuery，但已经停止了， 这是代码...
HTML：

<div id="text"></div>

JavaScript：

keywords = [ "one", "two", "three"]
var allowed = true;
function ChangeText ( ) {
   if(allowed)
   {
      var keyword = keywords[ Math.floor( Math.random() * keywords.length ) ]
      document.getElementById( "text" ).innerHTML = keyword;
   }
   setTimeout( "ChangeText()", switchTime );
} 
ChangeText();

jQuery：

var changeAllowed = true;
$(document).ready(function ChangeText() {
   if(changeAllowed)
   {
      $("#text").fadeOut(500);
      var keyword = keywords[ Math.floor( Math.random() * keywords.length ) ];
      $("#text").text(keyword).fadeIn(1000);
   };
   setTimeout( "ChangeText()", 2000 );
});
ChangeText();

它应该做的是每隔 2 秒左右淡出文本，然后用新字符串返回（刷新时执行此操作），jQuery 效果正在工作，它似乎只是 setTimeout()或者我没有正确命名该函数。

Answer 1

将字符串传递给 setTimeout 将从全局范围进行计算，其中未定义函数。相反，直接传递它，以便它将从函数的作用域进行计算，函数（显然）是在该作用域中定义的：

setTimeout( ChangeText, 2000 );

Answer 2

setTimeout( arguments.callee, 2000 );

arguments.callee 是函数的“自指针”。最大的优点是它可以与匿名函数和命名函数一起使用。所以，对于 jQuery：

var changeAllowed = true;
var keywords      = [anything];

$(document).ready(function () {
   if(changeAllowed) {
      var keyword = keywords[ Math.floor( Math.random() * keywords.length ) ];
      $("#text").fadeOut(500).text(keyword).fadeIn(1000);
   };
   setTimeout(arguments.callee, 2000 );
});

---

注意：这个答案最初来自 2008 年。如今，正确的做法已经改变。正如评论中所述，您将使用命名函数表达式 (NFE)，如下所示：

var changeAllowed = true;
var keywords      = [anything];

$(document).ready(function fadeKeyword() {
   if(changeAllowed) {
      var keyword = keywords[ Math.floor( Math.random() * keywords.length ) ];
      $("#text").fadeOut(500).text(keyword).fadeIn(1000);
   };
   setTimeout(fadeKeyword, 2000 );
});

arguments.callee 仍将在非严格模式下工作，但会导致错误更严格。

Answer 3

使用不带括号和引号的方法：setTimeout(ChangeText, 2000 );

Answer 4

更新

当显示队列落后时，我的第一个解决方案变得不同步。这里是使用回调的更新代码，因此时机总是正确的，以及测试小提琴：

var changeAllowed = true;
var keywords = ["test1", "test2", "test3", "test4", "test5"];
var hide = true;

var toggleTextFade = function() {
    if(changeAllowed) {
        var keyword =keywords[Math.floor(Math.random() * keywords.length)];

        $("#text").text(keyword).fadeIn(1000,null,function(){
            $("#text").fadeOut(500,null,toggleTextFade)});
    }               
};


$(document).ready(toggleTextFade);