CasperJS: evaluate() gibt Nullwert zurück

Question

Geben Sie das folgende Beispiel, warum ist 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

Ich denke, das liegt daran, dass Ihre scripts Variable nicht in der Browser-Umgebung definiert ist (es nur in Ihrem Casper Umgebung definiert ist). In der Tat, wenn Sie evaluate verwenden, ist der Kontext das DOM, nicht die Casper-Instanz.

Dies wird null zurück:

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(); 

Aber wenn wir unsere Variable im Zusammenhang mit evaluate injizieren, bekommen wir das erwartete Ergebnis (die "Beispiel Domain" ist):

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();