为什么我的函数在遇到返回后执行剩余的代码（返回两个循环内部）

Question

我不明白为什么这个函数将在应该调用return语句之后运行剩余的代码：

function func(i) {
while (i >= 0) {
if (i < 0) {    
    return;
    }    
    document.write("inside loop, i is  " + i);
    document.write("</br>");

i--;
} //end of while 
document.write("end of function, i is " + i);
document.write("</br>");
}
func(2);

输出：

inside loop, i is 2; 
inside loop, i is 1; 
inside loop, i is 0; 
end of function, i is -1; 

我在期待：

inside loop, i is 2; 
inside loop, i is 1; 
inside loop, i is 0; 

1. 如果应该在之前调用返回函数，为什么要写入“函数结束，i为-1”这一行？

2. 如果我用while（true）替换while（i> = 0），则函数给出预期的输出（没有最后的document.write）。 这是为什么？

3. 如果我在while循环后用以下代码替换代码：

    return document.write("end of function, i is " + i); document.write("end 2 of function, i is " + i); 

不执行最后一个代码行（函数的结尾2，i）。 为什么代码在第一次返回后继续执行而不是在第二次返回后执行？

4. 如果我从if语句中取回，则在调用return时函数停止：

    while (i >= 0) { document.write("inside loop, i is " + i); document.write("</br>"); i--; return; } 

输出是：

inside loop, i is 2

为什么最后一个document.write（“函数结束，我是”）在这种情况下不执行？

Answer 1

你while条件：

while (i >= 0) {

在return测试为真的同时永远不会成立：

if (i < 0) {    
  return;
}    

由于i没有在while循环的顶部和i < 0测试之间进行更改，因此永远不会实现if 。 在最后一次迭代中， i将在while块结束之前从0递减到-1，并且因为i的-1未通过while测试，所以不会再运行迭代（并且if check和return将不会遇到）。

如果你有一个while循环无限期地继续，直到if语句完成，该函数确实会返回：

 function func(i) { while (true) { if (i < 0) { return; } document.write("inside loop, i is " + i); document.write("</br>"); i--; } //end of while document.write("end of function, i is " + i); document.write("</br>"); } func(2); 

至于

3. 如果在while循环后我用以下代码替换代码：

    return document.write("end of function, i is " + i); document.write("end 2 of function, i is " + i); 

和

4. 如果我从if语句中取回，则在调用return时函数停止：

    while (i >= 0) { ... return; 

在这两种情况下， return声明实际上是被碰到，所以函数终止有预期。 （在原始代码中，解释器永远不会在return运行，因为if永远不会被执行）

Answer 2

使用休息; 相反或更好仍然使用return false; 像这样

function func(i) {
while (true) {
if (i < 0) {    
    break;
    }    
    document.write("inside loop, i is  " + i);
    document.write("</br>");

i--;
} //end of while 
document.write("end of function, i is " + i);
document.write("</br>");
}
func(2);

要么

function func(i) {
while (true) {
if (i < 0) {    
    return false;
    }    
    document.write("inside loop, i is  " + i);
    document.write("</br>");

i--;
} //end of while 
document.write("end of function, i is " + i);
document.write("</br>");
}
func(2);

我不知道第二个（返回false），但第一个应该做的伎俩。 我希望它有所帮助。