从嵌套函数返回

Question

function outer() { 
    $(['hi', 'there']).each(function(idx, e) { 
     console.log(e); 
     return; 
    }); 
    alert("I don't want to be called"); 
} 

function outer() {  
    $.get('http://test.com', function (data) { 
     console.log(data) 
     return; // I want to terminate the entire outer() function here. 
    }); 
    alert("I don't want to be called"); 
} 

什么是在这种情况下突破嵌套函数的约定？当使用for循环时，在它们内部返回会终止包含它们的整个函数。然而，因为$.each()是一个单独的函数调用，所以从它返回的只是自己而不是外部函数。我可以简单地return两次，一旦进入内部，一次在外面，但我不知道我将如何处理$.ajax()，因为只有当我获得成功的响应时才需要终止函数。

Answer 1

下面是它是如何工作的摘要。

。每（）

return true; // skips to the next iteration of .each() 
return false; // exits the .each() loop 

总之没有爆发在单个语句中包含.each()功能的方式。

$获得（）

return [true|false]; // makes no sense at all. 

如$.get()回报没有得到执行，直到Ajax调用完成后，它不会起到太大的目的。即使你进行同步ajax调用，成功回调中的返回语句仍然不会做任何实质性的事情。 将函数返回为要分配给调用语句的值。

什么使有必要摆脱你的职责？

Answer 2

对于$.each()，您可以在回调中停止迭代return false;，如jQuery documentation中所述。

这将不会从调用函数返回，但您可以设置一个标志，并在外部功能测试。

如果你想要一个简单的方法来从循环内外部函数返回，你用一个简单的循环for更好：

var array = [ 'hi', 'there' ]; 
for(var i = 0; i < array.length; ++i) { 
    var e = array[i]; 
    console.log(e); 
    return; 
} 
alert("I don't want to be called"); 

对于$.get()，你应该有些console.log()呼叫添加到您的代码并观察它们被调用的顺序：

function outer() { 
    console.log('in outer before $.get is called'); 
    $.get('http://test.com', function (data) { 
     console.log('inside $.get callback'); 
    }); 
    console.log('in outer after $.get returns'); 
} 

现在你会发现什么是日志消息的顺序：

in outer before $.get is called 
in outer after $.get returns 
inside $.get callback 

见回调是怎么过去的事情？outer函数完成后，它被称为。因此，此回调无法阻止outer的其余部分执行。

所以，你需要考虑一些你需要做的，并找出一种不同的方式来完成它的。

Answer 3

如果使用$阿贾克斯（），而不是短期的手和$ .get（），它可以指定它可以同步执行。

$.ajax({ 
    url: 'http://test.com', 
    success: function (data) { 
    }, 
    async: false 
}); 

通常，当你想基于你拥有它返回一个值，然后使用条件语句来确定接下来会发生什么函数的返回值决定。