优秀的编程知识分享平台

网站首页 > 技术文章 正文

es6和node.js基础快速入门-5 异步基础promise,async,await的理解

nanyue 2024-10-24 11:43:50 技术文章 1 ℃

es6和node.js基础实战系列,需要一定的js基础,动手实际操作一下会加强理解。现在衍生的很多前端技术都是围绕node.js生态发展,掌握es6,node.js基础知识,才可以继续入门vue.js,element-ui,antd-vue等前端框架。

注释里是笔记总结,再坚持一下,前端知识的大门就会打开了。有疑问留言交流哦。

async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。

在函数前面加上async 关键字,来表示它是异步的,那怎么调用呢?async 函数也是函数,平时我们怎么使用函数就怎么使用它,直接加括号调用就可以了,为了表示它没有阻塞它后面代码的执行。

async 函数返回的是一个promise 对象,如果要获取到promise 返回值,我们应该用then 方法。

await 关键字,await是等待的意思,那么它等待什么呢,它后面跟着什么呢?其实它后面可以放任何表达式,不过我们更多的是放一个返回promise 对象的表达式。注意await 关键字只能放到async 函数里面。

代码示例:

async function timeout(time) {
 return 'wait time:'+time
}
timeout().then(result => {
 //通过then继续处理,数据处理流程中非常实用
 console.log(result);
})
console.log('虽然在后面,但是我先执行');
async function testResult() {
//await 修饰timeout
 let first = await timeout(30);
 let second = await timeout(50);
 console.log(first + second );
}

Tags:

最近发表
标签列表