在 JavaScript Promise 中使用 return

Question

我正在努力更好地理解承诺。 我正在对 API 进行异步调用，然后根据响应，我想做更多操作，为此我使用以下 2 种方法：

方法一：

function getABValues(){
     getValueOfA() /*this returns aOutput*/
     .then(function (aOutput){
      getValueOfB() /*this returns bOutput*/
     })
     .then(function (bOutput){
      console.log(bOutput);
     })
    }

方法2：

function getABValues(){
     return getValueOfA() /*this returns aOutput*/
     .then(function (aOutput){
      return getValueOfB() /*this returns bOutput*/
     })
     .then(function (bOutput){
      console.log(bOutput);
     })
    }

这里是函数 getValueOfA() 和 getValueOfB()：

getValueOfA()

function getValueOfA(){
 return aOutput;
}

getValueOfB()：

function getValueOfB(){
 return bOutut; 
}

如果您注意到getValueOfA() 和getValueOfB() 已经在返回值，那么在调用getValueOfA() 和getValueOfB() 之前是否还需要使用return 才能使用then。

方法 1 不使用 return，而方法 2 使用 return。

感谢澄清

Answer 1

这与承诺没有直接关系。

function getABValues() 在方法 1 中没有返回语句。它将返回undefined。

方法 2 中的

function getABValues() 有一个 return 语句。它将返回评估 getValueOfA().then(something).then(something) 的结果，这将是一个承诺。

所以方法 2 将允许您：

getABValues().then(do_something_with_those_values);

Answer 2

const API = {
  ids: 0,
  get: function( value ) {
    return new Promise(function( resolve, reject ) {
      const timer = Math.random( Math.random() * 2 );
      setTimeout(function() {
        API.ids += 1;
        resolve([{ "id": API.ids, "value": value }]);
      }, timer );
    });
  }
};
// The mock API will give us a promise object.
// We want to return that promise object.
// So we can use the value of the promise in .then()
const getValueOfA = function() {
  return API.get( 'value A' );
};
const getValueOfB = function() {
  return API.get( 'value B' );
};

// We want to chain both API to resolve in order.
const getABValues = function() {
  // If we do not return, we cannot use getABValues().then( ... )
  // Outside of this function.
  return getValueOfA()
    // If we did not return inside getValueOfA(), we would not have the API promise.
    // And then this line will throw an error
    // Since undefined does not have a method called .then()
    .then(function( resolvedValueOfPromiseA ) {
      // We can use resolvedValueOfPromiseA here, which will be the value:
      // [{"id":1,"value":"value A"}]
      console.log( 'inside getValueOfA().then( ... )' );
      console.log( JSON.stringify( resolvedValueOfPromiseA ));
      // Return getValueOfB() so we can use the resolvedValueOfPromiseB
      return getValueOfB();
      // We could also use
      //
      // return getValueOfB( resolvedValueOfPromiseA );
      //
      // If we change the getValueOfB() function to have a aprameter and use it.
      // Then we can use the value of resolvedValueOfPromiseA
      // Inside getValueOfB()
    })
    .then(function( resolvedValueOfPromiseB ) {
      console.log( 'inside getValueOfA().then( ... ).then( ... )' );
      console.log( JSON.stringify( resolvedValueOfPromiseB ));
      return resolvedValueOfPromiseB;
    });
};
// Use the function on the outside.
// We can call .then() since getABValues() returns the entire promise chain.
getABValues()
  .then(function( resolvedValueOfPromiseBReturnedByThen ) {
    console.log( 'inside getABValues().then( ... )' );
    console.log( JSON.stringify( resolvedValueOfPromiseBReturnedByThen ));
  });
// Notice how here we only have the result of getValueOfB()
// Since we did not do anything with resolvedValueOfPromiseA in the .then() function
// THat ahd access to resolvedValueOfPromiseA