How to pass data from the “then” methods in CasperJS?

Question

It's common to have multiple then methods when working with CasperJS. The following is an example:

casper.then(function(){
    var a = "test";
    // ...
})

casper.then(function(){
    // how to use the variable a in the first "then"
})

My question is, what's the common way to pass values from former thens to following thens? For the aforementioned example, how to use a in the second then?

Answer 1

There are many way, but the easiest would be to use global variables. If you don't want to clutter your scripts with global variables (which should not be of the same concern as global variables in the browser, because there you could have different libraries), you can use IIFEs to reduce the scope.

casper.start(url);
(function(casper){
    var a;
    casper.then(function(){
        // set a
    }).then(function(){
        // use a
    });
})(casper);
casper.run();

Another version of the global one is to add those variables to the casper object.

Probably the cleanest solution would be to nest those blocks that need the variable. You have to keep in mind that a synchronous function call cannot come after an asynchronous one (those are all wait* and then* step functions). Scheduled steps are executed after the current stap has ended:

casper.start(url).then(function(){
    var a; // set a somehow
    this.then(function(){
        // use a
    });
}).then(function(){
    // don't use a
}).run();