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


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

    举例写文章详情页面的时候的一个场景:首先更改文章详情中的 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();

  • 相关阅读:
    web前端要学哪些?
    angularjs factory,service,provider 自定义服务的不同
    PSP软件开发过程
    Eclipse连接sqlserver体验过程
    在线制作GIF图片项目愿景与范围
    C# Hashtable vs Dictionary 学习笔记
    Unity 工作经历+近期面试经历
    配置文件加载的一个坑
    rabbitmq exchange type
    centos7下nginx添加到自定义系统服务中提示Access denied
  • 原文地址:https://www.cnblogs.com/lihuanqing/p/6495020.html
Copyright © 2020-2023  润新知