CasperJS：评估（）返回空值

Question

举个例子，为什么是categoryIdnull？

var scripts = this.evaluate(function() {
    var raScripts = "A lengthy script";

    return raScripts;
});

var categoryId = this.evaluate(function() {
    var text = 'more text';
    var lengthyScript = scripts + ' ' + text;

    return lengthyScript;
});

this.echo('Status: ' + categoryId);
// categoryId is null

Answer 1

我认为这是因为您的 scripts 变量未在浏览器环境中定义（它仅在您的 Casper 环境中定义）。事实上，当您使用evaluate 时，上下文是 DOM，而不是 Casper 实例。

这将返回null:

var casper = require('casper').create();
var tag = 'h1'; // This is our global variable...

casper.start('http://example.com/');

casper.waitForSelector('body', function () {
  this.echo(this.evaluate(function () {
    return document.querySelector(tag).textContent; // Oops!
  }));
});

casper.run();

但是如果我们在evaluate 的上下文中注入我们的变量，我们会得到预期的结果（即“示例域”）：

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

casper.start('http://example.com/');

casper.waitForSelector('body', function () {
  this.echo(this.evaluate(function (tag) {
    return document.querySelector(tag).textContent;
  }, 'h1'));
});

casper.run();