Chaining functions with jQuery Deferred

chain-jquery-deferred.js

firstTest().then(secondTest).then(thirdTest).then(fourthTest);

function firstTest() {

  var def = new $.Deferred();

  console.log('First test started');

  setTimeout(function () {
    console.log('First test finished');
    def.resolve();
  }, 1000);

  return def;
}

function secondTest() {

  var def = new $.Deferred();

  console.log('Second test started');

  setTimeout(function () {
    console.log('Second test finished');
    def.resolve();
  }, 1000);

  return def;
}

function thirdTest() {

  var def = new $.Deferred();

  console.log('Third test started');

  setTimeout(function () {
    console.log('Third test finished');
    def.resolve();
  }, 1000);

  return def;
}

function fourthTest() {

  var def = new $.Deferred();

  console.log('Fourth test started');

  setTimeout(function () {
    console.log('Fourth test finished');
    def.resolve();
  }, 1000);

  return def;
}