javascript - 如何从casper.evaluate()设置变量？

我正在尝试从casper.evaluate（）中设置一个值，稍后我将对其进行检查以进行测试，但似乎无法正常工作。

isArticleOrReview = false;
casper.waitFor(function check() { //here I'm just waiting for jQuery to load
    return this.evaluate(function() {
        return jQuery.fn.jquery == '1.2.6';
    });
}, function then() { //once jQuery has been loaded, do this stuff
    this.evaluate(function() {
        isArticleOrReview =  (jQuery('body').hasClass('node-type-review') || jQuery('body').hasClass('node-type-article'));
        __utils__.echo('isArticleOrReview ' + isArticleOrReview);
    });
});
casper.then(function(){
    casper.test.info('isArticleOrReview ' + isArticleOrReview);
});

对于输出，我得到：

isArticleOrReview true
isArticleOrReview false

我想读为：

isArticleOrReview true
isArticleOrReview true

最佳答案

evaluate被沙箱化。评估函数无法访问周围的代码，周围代码也无法访问所评估的函数。这是来自PhantomJS的一个简单示例（Casper的evaluate在下面使用该示例）：

var page = require('webpage').create();
page.open('http://google.com/', function(status) {
  var titleVar = "NOT SET";

  var titleReturn = page.evaluate(function() {
    // This would result in an error:
    // console.log('Variable in evaluate:', titleVar);
    // ReferenceError: Can't find variable: titleVar

    titleVar = document.title;
    return document.title;
  });

  console.log('Return value from evaluate:', titleReturn);
  console.log('Variable post evaluate:', titleVar);
  phantom.exit();
});

如您所知，它将打印

Return value from evaluate: Google
Variable post evaluate: NOT SET

如果取消注释console.log中的evaluate行，则会看到evaluate崩溃并燃烧，因为该变量不存在。

因此，您只能通过evaluate参数传递值并返回值（以及只能通过JSON序列化的值）：

isArticleOrReview = this.evaluate(function() {
  return (jQuery('body').hasClass('node-type-review') || jQuery('body').hasClass('node-type-article'));
});

关于javascript - 如何从casper.evaluate()设置变量？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30091901/