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

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

Async/await的主要益处是可以避免回调地狱(callback hell)问题。

  1. 基本概念:
  • async 表示这是一个async函数,await只能用在这个函数里面。
  • await 表示在这里等待promise返回结果了,再继续执行。
  • await 后面跟着的应该是一个promise对象(当然,其他返回值也没关系,不过那样就没有意义了…)
  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`

    }

};

  • 在循环中:

var start = async function ()
{

    for (var i = 1; i <=
10; i++)
{

        console.log(`当前是第${i}次等待..`);

        await sleep(1000);

    }

};

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

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

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();

async/await与promise(nodejs中的异步操作问题)的更多相关文章

  1. 8张图让你一步步看清 async/await 和 promise 的执行顺序

    摘要: 面试必问 原文:8张图帮你一步步看清 async/await 和 promise 的执行顺序 作者:ziwei3749 Fundebug经授权转载,版权归原作者所有. 为什么写这篇文章? 说实 ...

  2. 6个Async/Await完胜Promise的原因

    友情提醒:NodeJS自从7.6版开始已经内置了对async/await的支持.如果你还没用过该特性,那么接下来我会给出一系列的原因解释为何你应该立即开始使用它并且会结合示例代码说明. async/a ...

  3. 8 张图帮你一步步看清 async/await 和 promise 的执行顺序(转)

    https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651555491&idx=1&sn=73779f84c289d9 ...

  4. JavaScript 的 Async\/Await 完胜 Promise 的六

    参考:http://www.10tiao.com/html/558/201705/2650964601/1.html Node 现在从版本 7.6 开始就支持 async/await 了. 简介: A ...

  5. Async/Await替代Promise的6个理由

    译者按: Node.js的异步编程方式有效提高了应用性能:然而回调地狱却让人望而生畏,Promise让我们告别回调函数,写出更优雅的异步代码:在实践过程中,却发现Promise并不完美:技术进步是无止 ...

  6. [转] Async/Await替代Promise的6个理由

    Node.js 7.6已经支持async/await了,如果你还没有试过,这篇博客将告诉你为什么要用它. Async/Await简介 对于从未听说过async/await的朋友,下面是简介: asyn ...

  7. async/await actor promise 异步编程

    Python协程:从yield/send到async/await http://blog.guoyb.com/2016/07/03/python-coroutine/ Async/Await替代Pro ...

  8. 关于async/await、promise和setTimeout执行顺序

    先来一道关于async/await.promise和setTimeout的执行顺序的题目: async function async1() { console.log('async1 start'); ...

  9. JavaScript异步编程——Async/Await vs Promise

    兼容性 提醒一下各位,Node 现在从版本 7.6 开始就支持 async/await 了.而就在前几天,Node 8已经正式发布了,你可以放心地使用它. 如果你还没有试过它,这里有一堆带有示例的理由 ...

  10. js异步回调Async/Await与Promise区别 新学习使用Async/Await

    Promise,我们了解到promise是ES6为解决异步回调而生,避免出现这种回调地狱,那么为何又需要Async/Await呢?你是不是和我一样对Async/Await感兴趣以及想知道如何使用,下面 ...

随机推荐

  1. scrapy bug

    Issue one describle: scrapy No module named mail.smtp solution:sudo apt-get install python-twisted

  2. Jquery Validate 动态添加校验

    <cx:script> <script type="text/javascript"> //修改表单验证,提交 $(document).ready(func ...

  3. iOS 之 关闭键盘

    //方法一:关闭整个系统的键盘 [[[UIApplication sharedApplication] keyWindow] endEditing:YES]; //方法二:关闭当前页的键盘 [[sel ...

  4. PHP新手之学习类与对象(1)

    本文介绍的是PHP程序设计语言中类和对象的基本知识,适合初学者阅读,希望对你有帮助,一起来看. PHP 5 引入了新的对象模型(Object Model).完全重写了 PHP 处理对象的方式,允许更佳 ...

  5. Zepto.js-表单方法

    加载模块:form.js serialize serialize() ⇒ string 在Ajax post请求中将用作提交的表单元素的值编译成 URL编码的 字符串. serializeArray ...

  6. 判断js对象的数据类型,有没有一个最完美的方法?

    先来一个例子: var string1=""; var string2=new String(""); alert(typeof string1); // st ...

  7. Angular - - form.FormController、ngModel.NgModelController

    form.FormController FormController跟踪所有他所控制的和嵌套表单以及他们的状态,就像有效/无效或者脏值/原始. 每个表单指令创建一个FormController实例. ...

  8. CSS设置图片居中的方法

    如果是应用了表格,那么设置单元格为align="center"就可以使其中的一切内容居中.如果没有应用表格要想设置图片居中就有点困难了.困难来自不按"常规出牌" ...

  9. PHP Memcached 实现简单数据库缓存

    Memcache常用方法 Memcache::add — 添加一个值,如果已经存在,则返回false Memcache::addServer — 添加一个可供使用的服务器地址 Memcache::cl ...

  10. Cookie的一些用法

    Cookie的一些用法: package com.stono.servlet.listenerorder; import java.io.IOException; import java.io.Pri ...