Question

I am working on a migration platform to migrate web applications from a device to another. I am extending it to add the support for preserving JavaScript state.
My main task is to create a file representing the current state of the executing application, to transmit it to another device and to reload the state in the destination device.

The basic solution I adopted is to navigate the window object and to save all its descendant properties using JSON as base format for exportation and extending it to implement some features:

• preserving object reference, even if cyclic (dojox.json.ref library)
• support for timers
• Date
• non-numericproperties of arrays
• reference to DOM elements

The most important task I need to solve now is exportation of closures. At this moment I didn’t know how to implement this feature.
I read about the internal EcmaScript property [[scope]] containing the scope chain of a function, a list-like object composed by all the nested activation context of the function. Unfortunately it is not accessible by JavaScript.
Anyone know if there is a way to directly access the [[scope]] property? Or another way to preserve the state of a closure?

Answer 1

This sounds like an impossible feat as you would need access to the references stored in each variable.

The best solution would probably be to first refactor your code into storing state on an available object – that way you could easily use JSON.stringify/parse to save/restore it.

So go from

var myFuncWithScope = (function() {
    var variable = 0;
    return function() {
        return variable++;
    }
})(); 

var serializedState = .... // no can do

to

var state = {
    myScope = {
        variable: 0
    }
};

var myFuncWithoutScope = function(){
    return state.myScope.variable++;
}

var serializedState = JSON.stringify(state);