简单的javascript函数定义问题

Question

function First () {
setTimeout("Second()", 50)
};

function Second () {  //I'm very confident this conditional works fine
 if  (document.getElementsByClassName("l")[0].href ==
      document.getElementById("myFrame").getAttribute("src"))  
   {  
   First();                                       
   }
 else
   {
   var newLink = document.getElementsByClassName("l")[0].href;        //
   document.getElementById("myFrame").setAttribute("src", newLink);
   }};

First ();

问题是，当定义 First() 时，我收到 Second 未定义的错误。如何解决这个问题？

Answer 1

更新

您更新后的代码与原始代码有很大不同。问题似乎是您传递给 setTimeout 的字符串（这让我感到惊讶，但很容易复制）。我会更改

function First () {
    setTimeout("Second()", 50)
};

为

function First () {
    setTimeout(Second, 50);
}

...或者如果您需要将参数传递给 Second：（

function First() {
    setTimeout(function() {
        Second(param0, param1);
    }, 50);
}

请注意，函数声明末尾不需要 ;，但需要一个在 setTimeout 不会出错之后[你实际上并不需要它，在这种情况下，可怕的“分号插入”会为你插入它，但是。 ..].)

上面的第二个和第三个版本使用函数引用。您的原始版本使用一个字符串，然后进行编译，这是不必要的，并且似乎是问题所在（如 此示例使用字符串失败，但是这个带有函数参考的作品）。

原始答案

截至下面的答案，您的问题中引用的代码是：

function First() {Second();};
function Second() {First();};

该代码可以正常工作。这是一个无限循环（嗯，不是无限循环，因为最终实现不会有更多的堆栈空间用于返回地址），但直到它因此而崩溃之前，它都会正常工作。 示例

如果您的实际代码看起来更像这样，它将失败：

var First = function() {
    Second();
};
First();
var Second = function() {
    First();
};

...因为这是非常不同的，它使用函数表达式（作为分步代码的一部分进行处理）而不是函数声明（在进入作用域时进行处理，在任何分步代码之前），并且在定义 Second 之前调用 First 。请参阅 StackOverflow 上的其他答案，了解有关两者之间区别的更多详细信息函数表达式和函数声明。

Answer 2

好的，我想我看到了你的问题。我敢打赌你的代码包装在函数内，对吗？那么就不会有函数 Second 之类的东西了。

这行不通：

(function() {
    function First () {
        setTimeout("Second()", 50)
    }
    function Second () {
        alert('hi!');
    }
    First();
})();

但这行得通：

(function() {
    function First () {
        setTimeout(Second, 50)
    }
    function Second () {
        alert('hi!');
    }
    First();
})();

Answer 3

我刚刚尝试了你的代码并调用了“Second();”第一的。它在 Chrome 中运行良好。
当然它会永远循环。

在 Javascript 中，变量在调用函数时很晚才绑定。全局对象也只是另一个很晚才“绑定”的变量。一切都可以随时（异步）更改，这就是为什么一个函数不能要求另一个函数可用的原因。
“缺失”的函数可能只是在调用该函数之前由某种其他机制添加。仅在执行函数之前，JS 运行时才应检查该函数在作用域中是否可用。

这就是它在 Chrome 中工作的原因。在 Javascript 中，你实际上在做类似这样的事情：

var GLOB = this; // bind global obj to variable

GLOB["First"] = function() {
   GLOB["Second"]();
};

GLOB["Second"] = function() {
   GLOB["First"]();
};

调用 GLOB["Second"](); 就像 Chrome 中的魅力一样（当然它会循环）。也许您的浏览器/JS-implementation/dev-tool 对于函数定义有更多限制，并且让您在定义函数之前不要使用它们。

然后，您可以使用此 obj["funcname"] = function() {} 语法，其作用与 function funcname(){} 相同，但可能不会被检测到作为你的“损坏的”JS 解释器的错误。

我希望这有帮助，
尤文