javascript - promise 实际 self 实现

Question

我想将数据传递给 then 方法，但是当我通过给它 this.passedResolve 来执行此操作时，它会得到 undefined

    function Promises(callback){
      if(callback){
        callback(Promises.prototype.resolve, Promises.prototype.reject);
      }
    }

    Promises.prototype.resolve = function(data){
      this.passedResolve = data;
    }

    Promises.prototype.reject = function(err){
      console.log(new Error(err));
    }

    Promises.prototype.thens = function(cb){
      cb(this.passedResolve);
    }

    function loadImg(url){
      return new Promises(function(resolve, reject){
        var el = new Image()
        el.onload = function(){
          resolve(el)
        }
        el.onerror = function(){
          reject('Error')
        };
        el.src = url;
      })
    }

    loadImg('https://s-media-cache-ak0.pinimg.com/736x/12/64/da/1264da4a3f18207dc22592102abae40d.jpg').thens(function(e){
      console.log(e)
    })

    var x = new Promises()
    console.log(x)

Answer 1

这是因为本地 this 变量逃逸了作用域。您需要将其绑定(bind)到当前实例。

function Promises(callback){
  if(callback){
    callback(Promises.prototype.resolve.bind(this), Promises.prototype.reject.bind(this));
  }
}

否则，passedResolve 函数将被分配给另一个对象。因此，当 Promises 想要它时，它会变得未定义。我希望这是有道理的。

如您所见，JavaScript 对象到处都有一些怪癖。