async/await是ES20717引入的,主要是简化Promise调用操作,实现了以异步操作像同步的方式去执行,async外部是异步执行的,同步是await的作用。
async,英文意思是异步,当函数(包括函数语句、函数表达式、Lambda表达式)前有async关键字的时候,并且该函数有返回值,函数执行成功,那么该函数就会调用Promise.resove()并隐式的返回一个Promise对象;如果函数执行失败就会调用Promise.reject()并返回一个Promise对象。
Promise.resolve(x) 可以看作是 new Promise(resolve => resolve(x)) ,可将字面量对象或其他对象快速封装成 Promise 实例
async func(){ return "a" } console.log(func()) func().then(res=>{ console.log(res) //通过回掉获取到 a }.catch(err=>{ }))
func()的返回值如下,由此可见返回的是一个Promise对象。
使用await时,一定要配合async使用 ,这样才能使异步代码同步化,await英文为等待,意思就是等待await后面的函数(该函数返回的是Promise对象)执行完之后,在之后后面的代码。
await后面也可以跟同步代码 ,这样做的话意义不大,增加了系统处理逻辑,系统会自动将其转化成一个Promsie对象。比如:
const a = await '1'; const a = await Promise.resolve('1');//跟上面效果效果相同 //await后跟同步代码,不如不使用await,增加了代码逻辑,没有意义 const a = '1';
await在等返回值,后面可以是字面量或者函数表达式。如果表达式的运算结果不是Promise对象,那么该结果就是await等的值; 如果await后是一个Promise对象,那么就会阻塞后面代码的运行 。但是async函数的调用并不会阻塞,它内部所有的阻塞都封装在Promise对象中异步执行。
await只处理resolve(data)时的数据,不处理reject(error) ,当异步函数体内出错的时候,怎么捕获到错误信息呢?
async function func(){ const a = await asyncFunc(); } asyncFunc().then().catch()
async function func(){ const a = await asyncFunc(); } func().then().catch()
async function func(){ try(){ const a = await asyncFunc(); }catch(error){ } }
async function func(){ console.log('a') const c = await 'c' console.log(c) return 'd' } func().then(res=>console.log(res)) console.log('b')
输出:
先输出a后输出b,说明async函数执行后会立即返回,不阻塞线程。
文中提到了字面量,博文在这里做下介绍。
字面量又称之为直接量,代码中固定值的表示方法,程序中直接使用的数据,没进行过封装。可分为字符串字面量(string literal)、数组字面量(array literal)、对象字面量(object literal),函数字面量(function literal)。 一般除去函数表达式,在给变量赋值时,可以理解为=号右边的数据 。
var a = "1"; var b = [1]; var c = {}; var d =function (){} // function() 为匿名函数
注意:函数字面量一般为匿名函数,但是语法也支持定义函数名。
var d =function func(){}