async/await与promise(nodejs中的异步操作问题)

简介: 此文只是粗略介绍使用方法,欲了解核心概念请参考官方文档或其他资料。举例写文章详情页面的时候的一个场景:首先更改文章详情中的 PV,然后读取文章详情,然后根据文章详情中文章 Id 查阅该文章评论和该文章作者信息。

此文只是粗略介绍使用方法,欲了解核心概念请参考官方文档或其他资料。

举例写文章详情页面的时候的一个场景:首先更改文章详情中的 PV,然后读取文章详情,然后根据文章详情中文章 Id 查阅该文章评论和该文章作者信息。获取全部数据之后渲染文章详情页。数据库操作都是异步的,最直接想到的办法就是一层一层的回调函数,问题出来了:十分不雅观,要是层再多一点还会有更多麻烦。怎么解决?业内为了处理异步操作问题也是拼了,什么async,q,bluebird,co,处理方式不同,各有千秋,感兴趣可以了解一下,但是惊喜的发现nodejs 7.6已经默认支持ES7中的 async/await 了,结合ES6中的 promise对象,用起来不亦乐乎的。

Async/await的主要益处是可以避免回调地狱(callback hell),且以最接近同步代码的方式编写异步代码。

  1. 基本概念: 
  • promise 对象有三种状态:成功(Fulfilled)失败(Rejected)等待(Pending)
  • promise 不配合 async await 时,使用 .then() .catch() 处理成功和失败情况是目前的常规方案。
  • async 表示这是一个async函数,await只能用在这个函数里面。async 对象也是一个 promise 对象。
  • await 表示在这里等待promise返回结果了,再继续执行。
  • await 后面跟着的应该是一个promise对象(当然,其他返回值也没关系,不过那样就没有意义了…)
  • 很多库的接口返回 promise 对象,await 后赋值给一个变量后使用其 resolve 的值。[例如](http://mongoosejs.com/docs/api.html#query_Query-exec)
  • 注意三点,promise 对象的状态,promise 对象上的方法(then,catch),promise 对象返回的值。
  • promise 是当时为了解决回调地狱的解决方案,也是当前处理异步操作最流行和广泛使用的方案,async 和 await 最为当前的终极方案两只之间还有一些过渡方案。
  1. 举例:
  • 获取返回值:
var sleep = function (time) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            // 返回 ‘ok’
            resolve('ok');
        }, time);
    })
};
var start = async function () {
    let result = await sleep(3000);
    console.log(result); // 收到 ‘ok’
};

 

  • 捕捉错误:
var sleep = function (time) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            // 模拟出错了,返回 ‘error’
            reject('error');
        }, time);
    })
};
var start = async function () {
    try {
        console.log('start');
        await sleep(3000); // 这里得到了一个返回错误
        
        // 所以以下代码不会被执行了
        console.log('end');
    } catch (err) {
        console.log(err); // 这里捕捉到错误 `error`
    }
};

const search = async () => {
  const project = await Project.findById(id)
  Project.belongsToMany(User, { through: 'UserProject' })
  const users = await project.getUsers()
  Project.hasMany(Task)
  const task = await project.getTasks()
  return { project, users, task }
}
search().then(data => res.json(data)).catch((err) => {
  console.log(err)
  res.send({ name: err.name, msg: err.message })
})

 

 

  • 在循环中:
var start = async function () {
    for (var i = 1; i <= 10; i++) {
        console.log(`当前是第${i}次等待..`);
        await sleep(1000);
    }
};

 

再循环中使用不需要闭包,每次循环会被阻塞。

  • 遇到可同时执行的异步操作:
let [foo, bar] = await Promise.all([getFoo(), getBar()]);
Promise.all()         // 全部完成时返回
Promise.race()        // 任意一个完成时返回
// 比下面按顺序执行会节省一些时间
let foo = await getFoo();
let bar = await getBar();

 

最前面提到的场景:(综合使用)

var showArticle = async function () {

        await new Promise(function (resolve, reject) {

            PostModel.incPv(postId, function (result) {

                resolve(result);

            });

        });// pv 加 1

        var post = await new Promise(function (resolve, reject) {

            PostModel.getPostById(postId, function (article) {

                resolve(article);

            });

        });// 获取文章信息

        await new Promise(function (resolve, reject) {

            userModel.getUserById(post.author,function (author) {

                post.author=author;

                resolve();

            })

        });//获取文章作者

        var comments = await new Promise(function (resolve, reject) {

            CommentModel.getComments(post._id, function (comment) {

                resolve(comment);

            });

        });// 获取该文章所有留言

        for(var i=0;i<comments.length;i++){

            await new Promise(function (resolve, reject) {

                userModel.getUserById(comments[i].author,function (author) {

                    comments[i].author=author;

                    resolve();

                })

            });//获取文章留言作者

        }

        if (!post) {

            req.session.error = '该文章不存在';

            return res.redirect('/post');

        }

        res.render('post',{post: post, comments: comments});

    };

 

    showArticle();

 

 

相关文章
|
2月前
|
前端开发 JavaScript
如何使用 Promise 处理异步并发操作?
通过使用 `Promise.all()` 和 `Promise.race()` 方法,可以灵活地处理各种异步并发操作,根据不同的业务需求选择合适的方法来提高代码的性能和效率,同时也使异步代码的逻辑更加清晰和易于维护。
|
2月前
|
存储 前端开发
除了 Promise.all(),还有哪些方法可以处理异步并发操作?
在上述示例中,`concurrentPromises` 函数接受一个Promise数组和最大并发数作为参数,通过手动控制并发执行的Promise数量,实现了对异步操作的并发控制,并在所有Promise完成后返回结果数组。
|
2月前
|
前端开发 数据处理
如何使用 Promise.all() 处理异步并发操作?
使用 `Promise.all()` 可以方便地处理多个异步并发操作,提高代码的执行效率和可读性,同时通过统一的 `.catch()` 方法能够有效地处理异步操作中的错误,确保程序的稳定性。
|
2月前
|
前端开发 JavaScript 开发者
Async 和 Await 是基于 Promise 实现
【10月更文挑战第30天】Async和Await是基于Promise实现的语法糖,它们通过简洁的语法形式,借助Promise的异步处理机制,为JavaScript开发者提供了一种更优雅、更易于理解和维护的异步编程方式。
36 1
|
2月前
|
JSON 前端开发 JavaScript
在 JavaScript 中,如何使用 Promise 处理异步操作?
通过以上方式,可以使用Promise来有效地处理各种异步操作,使异步代码更加清晰、易读和易于维护,避免了回调地狱的问题,提高了代码的质量和可维护性。
|
2月前
|
前端开发
如何使用async/await解决Promise的缺点?
总的来说,`async/await` 是对 Promise 的一种很好的补充和扩展,它为我们提供了更高效、更易读、更易维护的异步编程方式。通过合理地运用 `async/await`,我们可以更好地解决 Promise 的一些缺点,提升异步代码的质量和开发效率。
38 5
|
2月前
|
前端开发 JavaScript
async/await和Promise在性能上有什么区别?
性能优化是一个综合性的工作,除了考虑异步模式的选择外,还需要关注代码的优化、资源的合理利用等方面。
43 4
|
2月前
|
前端开发 JavaScript 开发者
用 Promise 处理异步操作的优势是什么?
综上所述,使用Promise处理异步操作能够有效地解决传统回调函数带来的诸多问题,提高代码的质量、可读性、可维护性和可扩展性,是JavaScript中进行异步编程的重要工具和技术。
|
8月前
|
前端开发 JavaScript
如何处理 JavaScript 中的异步操作和 Promise?
如何处理 JavaScript 中的异步操作和 Promise?
77 1
|
8月前
|
前端开发 JavaScript
在JavaScript中,什么是promise、怎么使用promise、怎么手写promise
在JavaScript中,什么是promise、怎么使用promise、怎么手写promise
116 4