CasperJS 从我的 for 循环中多次发布最后一项

Question

CasperJS 很棒，但它不会将我的控制台输出内容发布到我的本地主机。

casper.wait(5000, function () {
    casper.wait(1000, function () {
        casper.then(function(){
            for  (var i = 0 ; i < 10; i++) {
                var description = casper.fetchText(x('//*[@id="acDataId-local'+i+'"]/a')); //*[@id="acDataId-local0"]/a
                console.log(description);
                var target_date = casper.fetchText(x('//*[@id="dtDataId-local'+i+'"]/text()[1]')); 
                console.log(target_date);
                var target_location = casper.fetchText(x('//*[@id="veDataId-local'+i+'"]')); 
                console.log(target_location);

                console.log(i, description)

                casper.then(function () {

                    casper.open('http://localhost:1337/events', {
                        method: 'post',
                            data:   {
                            'description': description,
                            'target_date':  target_date,
                            'target_location':  target_location,
                        },
                        headers: {
                           "stuff":"stuff"
                        }
                    });
                });
            }
            this.echo('POST ' + i );
        });
    });
});


casper.run();

Console.log 在我想要的时候准确地输出，但它只发布最后一项。我尝试在多个地方添加 casper.wait，但似乎没有帮助！

Answer 1

CasperJS 中的所有then* 和wait* 函数都是asynchronous step functions 和JavaScript has function-level scope。

这意味着for循环立即执行，几个then()步骤计划在for循环完全完成后执行。此时函数级变量description、target_date 等都将具有最后一个i 的值，而i 将为10。这是一个通用的JavaScript 示例：JavaScript closure inside loops – simple practical example

你可以

• 将两个调用 casper.then() 和 casper.open() 更改为单个调用 casper.thenOpen()，其中循环变量直接传递给函数：

  casper.thenOpen('http://localhost:1337/events', {
      method: 'post',
          data:   {
          'description': description,
          'target_date':  target_date,
          'target_location':  target_location,
      },
      headers: {
         "stuff":"stuff"
      }
  });
  

• 或通过引入 IIFE“关闭”每次迭代的变量：

  for  (var i = 0 ; i < 10; i++) {
      (function(){
          var description = casper.fetchText(x('//*[@id="acDataId-local'+i+'"]/a')); //*[@id="acDataId-local0"]/a
          console.log(description);
          var target_date = casper.fetchText(x('//*[@id="dtDataId-local'+i+'"]/text()[1]')); 
          console.log(target_date);
          var target_location = casper.fetchText(x('//*[@id="veDataId-local'+i+'"]')); 
          console.log(target_location);
  
  
          console.log(i, description)
  
  
          casper.then(function () {
  
              casper.open('http://localhost:1337/events', {
                  method: 'post',
                      data:   {
                      'description': description,
                      'target_date':  target_date,
                      'target_location':  target_location,
                  },
                  headers: {
                     "stuff":"stuff"
                  }
              });
          });
      })();
  }