一秒看懂的 async/await

最新推荐文章于 2024-08-28 12:14:56 发布

原创最新推荐文章于 2024-08-28 12:14:56 发布 · 769 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ES7 #async #await #异步编程

本文介绍了JavaScript中async函数的基本使用方法及await关键字的作用。通过具体示例讲解如何利用这些特性实现异步操作，并展示了如何处理promise的成功与失败情况。

基本规则

async 表示这是一个async函数，await只能用在这个函数里面。
await 表示在这里等待promise返回结果了，再继续执行。
await 后面跟着的应该是一个promise对象

talk is cheap ，show me the code

var sleep = function (time) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
	    time > 2000 ? resolve("greater than 2000"): reject("less than 2000");
        }, time);
    });
};

var start = async function (time) { 
    console.log('start');

    await sleep(time).then(function(v){
	console.log('resolved: '+ v);
    },function(e){ 
        console.log('rejected:'+e)
    });

    console.log('end');
};

运行①：