then()方法只打开同一个链接

Question

我有一个链接数组，下面的代码应该打开链接数组中的每个链接。

var x; var i = 0;
casper.start(URL, function() {
    x = links.split(" "); // now x is an array of links
});
casper.then(function() {
    this.each(x, function() { 
        this.thenOpen((partialURL + x[i]), function() {
            this.echo(this.getTitle()); // display the title of page
            i++; // change the link being opened
        });
    });
});
casper.run();

问题是，它打开了第一个链接，只是一次又一次地打开这个链接。就好像i没有改变。

CasperJS的一个例子也有同样的问题，对于推特粉丝，它会为每个推特粉丝打开链接，但它会一直显示一个名字（列表中的最后一个）。

以下是示例：

var users = ['subelsky','bmorejs'];
var casper = require('casper').create();
var idx,data,user;
var length = users.length;
casper.start();
for (idx=0; idx < length; idx++) {
    user = users[idx];
    casper.thenOpen('http://mobile.twitter.com/' + user,function() {
        data = this.evaluate(function(location) {
            return document.querySelector('div.profile td.stat.stat-last div.statnum').innerText;
        });
        this.echo(user + ": " + data);
    });
}
casper.run();

输出为bmorejs: 2861 followers和bmorejs: 503 followers

这可以改变吗？

Answer 1

它似乎在进入thenOpen的函数之前运行了所有链接，而只是打开链接。这是一个简单的解决方案。

只需将i++;语句移动到thenOpen方法上方，这样在打开新链接之前，它一定会发生更改。此外，将i的初始值更改为-1，以便在运行i++;时不会立即跳到1。

您的代码将更改为以下内容：

var x; var i = -1;          
casper.start(URL, function() {
    x = links.split(" "); // now x is an array of links
});
casper.then(function() {
    this.each(x, function() { 
        i++; // change the link being opened (has to be here specifically)
        this.thenOpen((partialURL + x[i]), function() {
            this.echo(this.getTitle()); // title should now be different
        });
    });
});
casper.run();