How to get the value of promise?

Question

I was looking at the Angular documentation for examples of $q, but I thought this might work for promises in general. The example below is copied directly from their documentation, including their comments:

promiseB = promiseA.then(function(result) {
  return result 1;
});

// When promiseA is resolved, promiseB will be resolved immediately, and its value will be the result of promiseA plus 1

I'm not sure how this works. If I could call .then() on the result of the first .then(), chaining them together, I know I could do that , then promiseB is a promise object of type Object. It is not a Number. So what do they mean by "its value will be the result of promiseA plus 1"?

Should I access it like promiseB.value? How can a success callback return a promise and return "result 1"? I'm missing something.

Answer 1

When a promise is resolved/rejected, it calls its success/error handler:

var promiseB = promiseA.then(function(result) {
   // 用result做一些事情
});

The

then method also returns a promise: promiseB which will be resolved/rejected based on the return value of promiseA's success/error handler.

The success/error handler of promiseA can return three possible values ​​that will affect the outcome of promiseB:

1. Returns no value → promiseB resolves immediately and undefined is passed to promiseB's success handler
2. Returns a value → promiseB resolves immediately and the value is passed to promiseB's success handler
3. Return a promise → When promise resolves, promiseB will resolve. When promise is rejected, promiseB will be rejected. The value passed to promiseB's then handler will be the result of promise

With this understanding, you can understand the following:

promiseB = promiseA.then(function(result) {
  return result + 1;
});

The then call returns promiseB immediately.

When promiseA is resolved, it passes the result to promiseA's success handler.

Since the return value is promiseA's result 1 and the success handler returns a value (option 2 above), promiseB will be resolved immediately and promiseB's success handler will be passed promiseA's result 1.

Answer 2

The

then function of promiseA returns a new promise (promiseB) that resolves immediately after promiseA resolves, with a value of The value returned in the success function of promiseA.

In this case, promiseA resolves to a value - result, which then immediately resolves promiseB with the value of result 1 .

Accessing the value of promiseB is the same as accessing the result of promiseA.

promiseB.then(function(result) {
    // 这里你可以使用promiseB的结果
});

---

Starting with ECMAScript 2016 (ES7, 2016), async/await becomes standard in JavaScript, which allows an alternative syntax to the above approach. Now you can write like this:

let result = await functionThatReturnsPromiseA();
result = result + 1;

There is no promiseB now, because we used await to unwrap the result of promiseA, and you can use it directly.

However, await can only be used inside an async function. So zooming in a little bit, the above code needs to be contained within a function:

async function doSomething() {
    let result = await functionThatReturnsPromiseA();
    return result + 1;
}

It should be clear that the return value of the doSomething function in this example is still a promise, because the async function returns a promise. So if you want to access the return value, you need to use result = await doSomething(), which can only be used inside another async function. Basically, in the parent async context, you have direct access to the values ​​produced by the child async context.