javascript es6中async和await的使用及详细解析

前端开发中async函数是一个常见的操作函数,本篇文章就来解析关于async函数的基础使用及配合await的异步操作。

async语法:

async function name(param) {}
//name方法名
//param传递的参数
async返回值
async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。
async function test(){
return "test";
}
console.log(test()) // Promise {<resolved>: "test"}
test().then(v=>{
console.log(v);
// test
})

async配合await操作符使用

    await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。

function test(){
return new Promise((resolve) => {
console.log("test");
resolve();
});
}

async function test1(){
await test();
}
test1();
//test

await中Promise对象操作流程:await 会暂停执行,等待 Promise 对象 resolve,然后恢复 async 函数的执行并返回解析值。

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!