Javascript promises not waiting for resolve

Question

I thought I had a decent understanding of promises, until I ran into a problem with a simplifed code snippet bellow. I was under the impression that the console.log calls would output first second third, but instead results in second third first.

Can someone explain why the second and third promises are able to continue on without waiting for the first.

var Q = require('q');

(function() {

  var Obj = function() {

    function first() {
      var deferred = Q.defer();

      setTimeout(function() {
        console.log('in the first')
        deferred.resolve();
      }, 200);

      return deferred.promise;
    }

    function second() {
      return Q.fcall(function() {
        console.log('in the second');
      })
    }

    function third() {
      return Q.fcall(function() {
        console.log('in the third');
      })
    }

    return {
      first:  first,
      second: second,
      third:  third
    }
  };

  var obj = Obj();
  obj.first()
    .then(obj.second())
    .then(obj.third());

}());

Answer 1

You shouldn't be invoking the function, but pass the function, like this

  obj.first()
    .then(obj.second)
    .then(obj.third);

Output

in the first
in the second
in the third