javascript - 重新绑定(bind)JavaScript Promise中resolve返回的值

Question

我正在尝试沿着 promise 链传递上下文。我认为我可以使用 function.prototype.bind 因为我可以看到 Promise.resolve 继承自 function 但它不起作用。

在节点中我得到[TypeError: Promise.resolve.bind(...) is not a function]例如，在 Chrome 中，我收到 VM1043:1 Uncaught TypeError: object is not a constructor(...)

是否可以通过上下文沿 Promise 链传递基础对象？

var p2 = new Promise(function(resolve, reject) {
  var o = {};
  o.p1 = 't' + error_or_n('t', '1');
  resolve(o)
})
  .then(o => {
    console.log(o.p1);
    return pp(o.p1, '-> q' + error_or_n('t', '2'))
      .then( function (_) {
        Promise.resolve.bind(o)(o.p1 = _ )
      });
  })
  .then(() => {
    var o = this;
    console.log(o.p1);
    return pp(o.p1, '-> q' + error_or_n('t', '3'))
      .then( function (_) {Promise.resolve.bind(o)(o.p1 = _  + '|')});
  })
  .then(() => {
    console.log(this.p1);
  })
  .catch(e => console.log(e));

编辑

为了重申我的目标，我希望链中的所有 Promise 都能够访问公共(public)基础对象，而不需要求助于全局变量。

我的想法是创建一个 promise 链，其中所有分辨率都反弹到所述公共(public)基础对象。它类似于在可链接对象中return this。

answer below解释了为什么我不能使用 bind 来执行此操作，并建议使用闭包。我发现的另一种方法是在返回之前插入一个额外的 then，它执行一些转换，然后返回基础对象。这将创建我想象的 return this 样式链接。

两个选项都在这里

/**
 * Created by cool.blue on 11-Sep-16.
 */
var throw_dont = '0';  // enter 1..3 to throw
var error_or_n = (x, y) => {
  if(throw_dont && y == throw_dont)
    throw(new Error('in ' + x + y));
  else
    return y
};

/**
 *  arbitrary function that returns a promise
 * */
var pp = (o, n) => {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, 0, `${o.p1}-> ${o.n}${error_or_n(o.n, n)}`)
  })
};

/**
 * Method 1 :: +1
 * insert an extra 'then' before returning
 * */
var q = new Promise(function(resolve, reject) {
  var o = {n: 'q'};
  o.p1 = 'q' + error_or_n('q', '1');
  resolve(o)
})
  .then(o => {
    console.log(o.p1);
    return pp(o, 2).then(_ => {
        o.p1 = _;
        return o
      });
  })
  .then((o) => {
    console.log(o.p1);
    return pp(o, 3).then(_ => {
        o.p1 = _ + '|';
        return o
      });
  })
  .then(o => {
    console.log(o.p1);
    return Promise.resolve(o)
  })
  .catch(e => console.log(e));

/**
 * Method 2 :: +1
 * use closures
 *
 * */
var t = new Promise(function(resolve, reject) {
  var o = {n: 't'};
  o.p1 = 't' + error_or_n('t', '1');
  resolve(o)
})
  .then(o => {
    console.log(o.p1);
    return pp(o, 2)
      .then(_ => {
        o.p1 = _;
        console.log(o.p1);
        return pp(o, 3)
      })
      .then(_ => {
        o.p1 = _ + "|";
        console.log(o.p1);
        return Promise.resolve(o)
      })
  })
  .catch(e => console.log(e));


Promise.all([q, t]).then(_ => {
  if(_.every(_ => _)) {
    console.log('all done...');
    console.dir(_)
  }
});
Promise.race([q, t]).then(_ => {
  if(_) {
    console.log('1\'st done...');
    console.dir(_)
  }
});

Answer 1

你所描述的情况是不可能的。您无法通过在较早的 then 中执行某些操作来影响 then 处理程序的 this 上下文。 then 处理程序的 this 值完全由函数本身决定(默认为全局对象/未定义，如果函数本身提前绑定(bind)则为某个值)。

这是在 Promises/A+ spec 中声明的:

onFulfilled and onRejected must be called as functions (i.e. with no this value). [3.2]

如果您希望在多个 then 之间轻松访问 o，您可以使用嵌套:

var p2 = new Promise(function(resolve, reject) {
  var o = {};
  o.p1 = 't' + error_or_n('t', '1');
  resolve(o)
})
.then(o => {
   console.log(o.p1);

   return pp(o.p1, '-> q' + error_or_n('t', '2'))
     .then( function (_) {
        o.p1 = _;
     })
     .then( function () {
        // do something else with o
     })
     .then( function () {
        // do more with o
     });
})
.catch(e => console.log(e));