Question

我正在尝试沿着承诺链传递上下文。我以为我可以使用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都能访问公共基础对象，而不需要使用全局变量。

我的想法是创建一个承诺链，其中所有分辨率都反弹到所述共同基础对象。它类似于可链接对象中的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

您所描述的内容是不可能的。您不能通过在较早的this中进行某些操作来影响then处理程序的then上下文。 this处理程序的then值完全由函数本身决定（默认情况下为global object / undefined，如果函数本身提前绑定，则为某个值）。

这是在Promises/A+ spec：

中声明的

onFulfilled和onRejected必须作为函数调用（即没有this值）。 [3.2]

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

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));

重新绑定javascript中的resolve返回的值promises

修改

1 个答案: