如何增加JavaScript中变量的范围？

Question

我有下面的代码：

$('.task-list').each(function(list, response) { 
    response = $('#' + this.id).sortable('toArray'); 
}); 
console.log(response); 

我得到的错误是反应是不确定的。我尝试调整第2行为var response，但得到了相同的错误。

我试图通过循环页面上的项目，然后提交一个单一的Ajax响应更新它的服务器来构建一个数据数组。

Answer 1

你可能想$.map代替：

var response = $('.task-list').map(function() { 
    return $(this).sortable('toArray'); 
}); 

console.log(response) 

Answer 2

移动（或者更确切地说，声明）的函数外部变量：

var response; 
$('.task-list').each(function(list, response) { 
    response = $('#' + this.id).sortable('toArray'); 
}); 
console.log(response); 

第二个例子是接近我觉得你想要的，但我不清楚你要收集什么数据。

var response = []; 
$('.task-list').each(function() { 
    response.push($('#' + this.id). <<some data from this element??>> 
}); 
console.log(response); 

Answer 3

不知道如果我对each代表正确的参数，但是这是如何获得外部的范围：

var response; 
$('.task-list').each(function(list) { 
    response = $('#' + this.id).sortable('toArray'); 
}); 
console.log(response); 

Answer 4

这不是很清楚你要完成什么，您在每次迭代期间都会覆盖响应的值。你正在寻找这可能是更接近：

var response = []; 
$('.task-list').each(function() { 
    response.push($(this).sortable('toArray')); 
}); 
// response will now be an array, where each item is another array from each .task-list 
console.log(response);