在 CasperJS 中异步单击时如何停止循环

Question

我正在使用 CasperJS 抓取多个页面，但我卡住了。

最大页数为 200，但如果下面的 XPath 不存在，我想停止执行（对于第 200 页之前的页面）。

如何设置i变量？

var casper = require('casper').create();
var x = require('casper').selectXPath;

for (var i=1; i <=200; i++) {
    casper.wait(6000, function() {

        casper.thenClick(x('//*[@id="mArticle"]/div[2]/a['+i+']'), function (){
            console.log('Searching dic');
            words = words.concat(this.evaluate(getWords));
        });

    });
}

Answer 1

CasperJS 提供了exists() 函数。所以，你可以像这样重写你的代码：

for (var i=1; i <=200; i++) {
    (function(i){
        casper.wait(6000, function() {
            var button = x('//*[@id="mArticle"]/div[2]/a['+i+']');
            if (!this.exists(button)) {
                this.echo(i + " not available");
                return; // the following `thenClick()` is not executed
            }
            this.thenClick(button, function (){
                console.log('Searching dic');
                words = words.concat(this.evaluate(getWords));
            });
        });
    })(i);
}

我还添加了一个 IIFE，以便您在回调中拥有正确的 i。如需更多信息，请参阅JavaScript closure inside loops – simple practical example。

这可行，但如果假设链接 100 不存在，那么链接 101 和 102 等也不存在，则效率不高。你会等待很多（6 秒乘以 100）。在这种情况下，由于 CasperJS 的异步特性，您需要递归地执行此操作：

function execOnce(casper, i, max){
    // end condition
    if (i === max) {
        return;
    }
    casper.wait(6000, function() {
        var button = x('//*[@id="mArticle"]/div[2]/a['+i+']');
        if (!this.exists(button)) {
            this.echo(i + " not available");
            return;
        }
        this.thenClick(button, function (){
            console.log('Searching dic');
            words = words.concat(this.evaluate(getWords));

            // recursive step
            execOnce(this, i+1, max);
        });
    });
};

casper.start(url);

// start the recursive chain
casper.then(function(){
    execOnce(this, 1, 200);
});

casper.run();

请注意，现在您已经递归了，您可以通过显式查看页面上的内容和不存在的内容来定义正确的结束条件。