await是es7的吗

本文小编为大家详细介绍“await是es7的吗”，内容详细，步骤清晰，细节处理妥当，希望这篇“await是es7的吗”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 await是es7。async和await是ES7中新增内容，是对于异步操作的解决方案。async顾名思义是“异步”的意思，async用于声明一个函数是异步的；而await从字面意思上是“等待”的意思，就是用于等待异步完成。async和await有一个严格规定，两者都离不开对方，且await只能写在async函数中。async和await是ES7中新增内容，对于异步操作的解决方案，它是Generator函数的语法糖。async|await是编写异步的新方法，之前ES6中用的是promise。async|await是建立在promise基础之上的新写法。async|await也是非阻塞的。async顾名思义是“异步”的意思，async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思，就是用于等待异步完成。async和await它们两有一个严格规定，两者都离不开对方，但是，await只能写在async函数中。async如何处理返回值
async的返回值是一个promise对象，也就是说它会直接通过promise中的方法将返回值封装成一个promise对象。


asyncfunctionAsync(){
return"helloworld";
}
constresult=Async();
console.log(result);

从结果看来async函数返回的是promise对象，它会直接将返回值封装成一个promise对象。如果没有返回值


asyncfunctionAsync(){
console.log("helloworld");
}
letresult1=Async();
console.log(result1);

从结果看来async函数返回的是promise对象，当时值是undefined。因此。在没有await的情况下，返回一个 promise 对象，并不会阻塞后面的语句。但是await是在等待什么呢


functiontime(s){
returnnewPromise((resolve)=>{
setTimeout(resolve,ms);
});
}
asyncfunctionAsync(value,s){
awaittime(s);
console.log(value);
}
Async('helloworld',50);

指定 50 毫秒以后，输出hello world。一般用await去等待async函数完成，await 等待的是一个表达式，表达式的计算结果是 promise 对象或其它值，因此，await后面实际可以接收普通函数调用或直接量。
如果await等到的不是promise对象，表达式运算结果就是它等到的东西。
如果是promise对象，await会阻塞后面的代码，等promise对象处理成功，得到的值为await表达式的运算结果。虽然await阻塞了，但await在async中，async不会阻塞，它内部所有的阻塞都被封装在一个promise对象中异步执行。任何一个await语句后面的 Promise 对象变为reject状态，那么整个async函数都会中断执行。


asyncfunctionAsync(){
awaitPromise.reject('出错了');
awaitPromise.resolve('helloworld');//不会执行
}
letresult1=Async();
console.log(result1);

从结果看来，第二个await语句是不会执行的，因为第一个await语句状态变成了reject。如果await后面的异步操作出错，那么async函数返回的 promise 对象被reject了。


leta;
asyncfunctionf(){
awaitPromise.reject('error');
a=await1;//await没有执行
}
f().then(v=>console.log(a));

从结果看来，当async函数中的await只要有一个出现reject状态，则后面的await都不会执行。一般解决办法用try…catch。


//正确的写法
leta;
asyncfunctionf(){
try{
awaitPromise.reject('error')
}catch(error){
console.log(error);
}
a=await1;
returna;
}

f().then(v=&免费云主机域名gt;console.log(a));//1

相关推荐: 怎么使用vue获取屏幕的宽度

这篇文章主要介绍“怎么使用vue获取屏幕的宽度”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“怎么使用vue获取屏幕的宽度”文章能帮助大家解决问题。1.使用document.documentElement方法获取屏幕的宽…

免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。