jquery - 变量超出范围

Question

我想遍历几个输入字段，然后添加到order数组中。

完成后，each()我想用数组调用addTask函数。order但。

当我通过控制台运行时，它会跳转到addTask(order)并且只得到 1 个结果

当我将order数组移出函数时，它不知道它在那里。完成后将其重新纳入范围是可取的each()。

// Start adding orders to display
$("#btn-new-line").on('click', function(){
 $("input:text").each(function(index, element){
     var elem = $(element);
     var order = [] ;
     order.push(elem.val()+ " ");
});
addTask(order); //* unresolved variable *
});

Answer 1

您在每次循环时都会覆盖您的“订单”变量。

// Start adding orders to display
$("#btn-new-line").on('click', function(){
   var order = [] ;
   $("input:text").each(function(index, element){
       var elem = $(element);
       order.push(elem.val()+ " ");
   });
   addTask(order); //* unresolved variable *
});

Answer 2

像这样声明它：

$("#btn-new-line").on('click', function(){
   var order = [] ;
    $("input:text").each(function(index, element){
        var elem = $(element);
        order.push(elem.val()+ " ");
    });
    addTask(order); //* unresolved variable *
});

Answer 3

// Start adding orders to display
var order = [] ;
$("#btn-new-line").on('click', function(){
 $("input:text").each(function(index, element){
     var elem = $(element);
     order.push(elem.val()+ " ");
});
addTask(order); //* unresolved variable *
});

Answer 4

在您的点击处理程序中声明您的order变量：

// Start adding orders to display
$("#btn-new-line").on('click', function(){
   var order = [] ;

   $("input:text").each(function(index, element){
     var elem = $(element);
     order.push(elem.val()+ " ");   // order still accessible through the enclosing function.
   });
  addTask(order);

});

Answer 5

订单范围仅限于回调，因为您在其中创建而不是扩展它。

$("#btn-new-line").on('click', function () {
    $("input:text").each(function (index, element) {
        var elem = $(element);
        var order = [];
        order.push(elem.val() + " ");
        addTask(order); //* unresolved variable *
    });
});