jQuery Differed Example

jquery-differed-test.js

function showData() {
    console.log("final value :" +newArray.length);
    console.log(newArray);
}

var newArray = [];
function method1() {
    return $.Deferred(function( dfd ){
        self.setTimeout(function(){
            newArray.push("hello");
            dfd.resolve();
        }, 3000);
    }).promise();
}

function method2(){
    return $.Deferred(function( dfd ){
        self.setTimeout(function(){
            newArray.push("world");
            dfd.resolve();
        }, 3000);
    }).promise();
}

console.log("starting method1");
$.when(method1()).then(
    function(){
        console.log("starting method2");
        $.when(method2()).then(showData);
    }
);