javascript - 如何从传递给CasperJS求值的函数中调用另一个函数

这是我想做的事情：

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

casper.start('mysite.html', function() {
});

/* Casper configuration */

casper.on('remote.message', function(msg) {
    this.echo('remote message caught: ' + msg);
})

function getAllImages()
{
    // Get all images
    var images = document.getElementsByTagName('img');
    evaluateImages(images);
}

function evaluateImages(images)
{
    console.log("I am in evaluateImages");
}

// Then find all pictures
casper.then(function() {
    var product_image = this.evaluate(getAllImages);
});

casper.run();

但是它永远不会到达evaluteImages函数。我在这里想念什么？

最佳答案

好吧，我从未使用过CasperJS，但是从我在文档中阅读的内容来看，我相信这是因为evaluateImages函数在页面的上下文中不存在。

我不确定这里的最佳做法是什么，但是您似乎可以从评估回调中返回原语，因此从技术上讲，您可以执行以下操作：

function getAllImages() {
    // Get all images
    var images = document.getElementsByTagName('img');

    //Return an array that contains all images src attribute
    return Array.prototype.map.call(images, function (img) {
        return img.src;
    });
}

然后，您可以执行以下操作：

var images = this.evaluate(getAllImages);

evaluateImages(images);

编辑：


  我在比较时需要处理页面上下文中的所有图像
  每个元素都与页面中的其他元素...


也许您可以先在页面的上下文中定义一个模块：

this.evaluate(function () {
    window.yourNS = {
        evaluateImages: function (images) {
            //do something with images
        },
        getAllImages: function () {
            return document.getElementsByTagName('img');
        }
    };
});

然后，您可以执行以下操作：

this.evaluate(function () {
    yourNS.evaluateImages(yourNS.getAllImages());
});