获取 promise 的值并赋值给变量

Question

utility.fetchInfo() 返回一个 Promise 对象。我需要能够获取这个 Promise 对象的值并将它的值分配给一个变量，然后我可以稍后在我的代码中使用该变量。

目前，我可以愉快地将result 的值打印到控制台，但我需要能够将此值分配给myVal。到目前为止，我已经尝试了很多东西，但没有任何效果。

var myVal = utility.fetchInfo().then(result => console.log(result));

谢谢

Answer 1

我认为您正在寻找一些花哨的 ES7 语法：

var myVal = (async () => {
    var data = await utility.fetchInfo();
    return data;
})();

(async () => {
    console.log(await myVal);
})();

请记住，console.log(myVal) 会以 Promise { <pending> } 结尾，因此您可以使用

(async () => {
    console.log(await myVal);
})();

这将返回您想要的输出。

Answer 2

当您将值返回到另一个文件/函数并且您得到未定义时，因为您使用该值的另一​​个函数没有等待将值分配给变量。比如有两个函数

function1(){
   var x=desired_value
}

function2(){
   var y = x
}

现在 function1 可能需要一些时间来为 var x 分配期望值，并且 java 脚本不会等待，它将开始运行 function2，当您读取 y 的值时，您将得到未定义。

为了解决这个问题，我们可以使用java脚本promise/await/async，从async函数返回值作为resolve。参考下面的例子

async function1(){  //function1 should be async here for this to work
   return new Promise(function(resolve,reject){
       resolve(desired_value)
});
}

以上函数可以写成

 async function1(){  //function1 should be async here for this to work

        return Promise.resolve(desired_value)
    }

现在我们可以通过调用function1并使用await关键字在另一个函数中使用这个值

function2(){
   var y = await function1();
}

现在它将等待 function1 完成，然后再将其值分配给 y。

Answer 3

@dhilt 说了什么，但在 promise 回调函数中做你的事情：

utility.fetchInfo().then(result => { 
  doSomethingWith(result);
});

如果您使用的是最新版本的 Node 或 Babel，请使用 async/await：

async function myFunction () {
    var myVal = await utility.fetchInfo();
}

Answer 4

只需在回调的主体内进行分配

utility.fetchInfo().then(result => { myVal = result; });

---

视情况而定，例如，如果有一大块异步逻辑，最好将其提取到单独的函数中：

let myVal; // undefined until myAsyncFunc is called

const myAsyncFunc = (result) => { 
   console.log(result);
   myVal = result;
   // ...
};

utility.fetchInfo().then(myAsyncFunc); // async call of myAsyncFunc