ES7中的async和await

在上一章中,使用Promise将原本的回调方式转换为链式操作,这就将一个个异步执行的操作串在一条同步线上了。下一次的操作必须等待当前操作的结束。

使用Promise的最后,遇到了一个问题,就是如果要对已经获得数据数组进行遍历,并在遍历中继续对每一条数据做异步请求操作,这就构成了一个树状查询。

蠢办法

对于上述问题,我们完全可以用上一章中的垃圾代码来构建一个for循环的嵌套then!



但上一章已经说过,千万不要写出这种垃圾代码,所以如果你的node或者浏览器并不支持ES6,7标准的话,完全可以采用传统多层嵌套回调地狱来实现树状查询,但带来的问题,树大了,嵌套会看起来十分恶心。

使用async和await

在ES7标准中,最为人津津乐道的无非是新增的“async”,“await”语法糖了。

来看下面使用代码这两个语法解决上述问题:

(async function(){
const sql1 = "select * from student_base_info limit 10";
let res1 = await query(sql1);
for(let r of res1){
console.log(`学号:${r.学号}`);
let res2 = await query(`select * from student_school_info where 学号='${r.学号}'`)
for(let r2 of res2)
console.log(r2.单位);
}
})()

注意:

  • await的作用就是等待Promise的resolve的出现,这个过程是阻塞的。
  • await必须放在async function之中,目前最外层的那个看着多余的async,官方正在解决中。
  • 使用了await就不必使用then来接受异步操作的返回值,而是直接赋值给变量即可,所赋的值就是resolve给出的值。

关于错误与异常

在使用链式then操作时,是在最后加上catch()来获得reject给出的错误或异常(reject是负责给出异步活动中的错误),如果使用的是await,则需要用到try catch块来抛出reject的异常。

(async function(){
try{
const sql1 = "select * from student_base_info limit 10 sss";
let res1 = await query(sql1);
for(let r of res1){
console.log(`学号:${r.学号}`);
let res2 = await query(`select * from student_school_info where 学号='${r.学号}'`)
for(let r2 of res2)
console.log(r2.单位);
}
}catch(err){
console.log("错误")
console.log(err)
}
})()

数据库封装函数:query

"use strict";
const mysql = require("mysql");
const conn = {
host:"localhost",
user:"root",
password:"",
database:"cslginfo"
}; function query(sql){
let pool = mysql.createPool(conn);
return new Promise(function(resolve,reject){
pool.getConnection(function(err,conn){
if(err) reject(err); conn.query(sql,function(err,res,fields){
if(err) reject(err);
else resolve(res);
});
});
});
}

ES7中的async和await的更多相关文章

  1. ES7中的async 和 await

    async 和 await 一个函数如果加上 async ,那么该函数就会返回一个 Promise async function test() { return "1" } con ...

  2. 理解ES7中的async/await

    理解ES7中的async/await 优势是:就是解决多层异步回调的嵌套 从字面上理解 async/await, async是 "异步"的含义,await可以认为是 async w ...

  3. 在Node中使用ES7新特征——async、await

    async与await两个关键字是在ES7中添加的新特征,旨在更加直观的书写异步函数,避免出现callback hell. callback hell是什么? readFileContents(&qu ...

  4. [译] C# 5.0 中的 Async 和 Await (整理中...)

    C# 5.0 中的 Async 和 Await [博主]反骨仔 [本文]http://www.cnblogs.com/liqingwen/p/6069062.html 伴随着 .NET 4.5 和 V ...

  5. 在MVC中使用async和await的说明

    首先,在mvc中如果要用纯异步请不要使用async和await,可以直接使用Task.Run. 其次,在mvc中使用async和await可以让系统开新线程处理Task的代码,同时不必等Task执行结 ...

  6. C# 中的Async 和 Await 的用法详解

    众所周知C#提供Async和Await关键字来实现异步编程.在本文中,我们将共同探讨并介绍什么是Async 和 Await,以及如何在C#中使用Async 和 Await. 同样本文的内容也大多是翻译 ...

  7. async和await的使用总结 ~ 竟然一直用错了c#中的async和await的使用。。

    对于c#中的async和await的使用,没想到我一直竟然都有一个错误.. ..还是总结太少,这里记录下. 这里以做早餐为例 流程如下: 倒一杯咖啡. 加热平底锅,然后煎两个鸡蛋. 煎三片培根. 烤两 ...

  8. ES2017 中的 Async 和 Await

    ES2017 在 6 月最终敲定了,随之而来的是广泛的支持了我最喜欢的最喜欢的JavaScript功能: async(异步) 函数.如果你也曾为异步 Javascript 而头疼,那么这个就是为你设计 ...

  9. .NET中的async和await关键字使用及Task异步调用实例

    其实早在.NET 4.5的时候M$就在.NET中引入了async和await关键字(VB为Async和Await)来简化异步调用的编程模式.我也早就体验过了,现在写一篇日志来记录一下顺便凑日志数量(以 ...

随机推荐

  1. latex学习笔记----数学公式

    https://www.jianshu.com/p/d7c4cf8dc62d 1.数学公式在  \(  和  \)之间,$和$之间,或者\begin{math}和\end{math}之间 2.对于较大 ...

  2. 面向对象 / MVC

    MVC模式 :  是一种分层思想(软件设计典范) M-model 模型层 :主要负责业务代码和数据 V-view 视图层 : 主要负责展现展示 C-controller 控制层:负责分发请求返回数据 ...

  3. Huffman编码实验

    一. 实验目的 熟练掌握哈夫曼树的建立和哈夫曼编码的算法实现. 二. 实验内容 根据哈夫曼编码的原理,编写一个程序,在用户输入结点权值的基础上求赫夫曼编码,并能把给定的编码进行译码. 三. 实验要求 ...

  4. Rails render collection 的魔法

    都知道的, 在 Rails 的 View 里边渲染集合的时候, 会用到 render 方法参数的 collection 选项 1 <%= render partial: "produc ...

  5. Maven打包时报Failed to execute goal org.apache.maven.plugins:maven-war-plugin:解决方案

    问题现象: 用Maven打包时,报Failed to execute goal org.apache.maven.plugins:maven-war-plugin:2.2:war错误. 原因分析: 打 ...

  6. /usr/lib/jvm/java-1.8.0-openjdk-1.8.0.212.b04-0.el7_6.x86_64/bin/java: No such file or directory

    在linux使用两个tomcat的时候, 执行./shutdown.sh的时候, 遇到了这个问题 这个可怎么办呢 原来是我的java下面的文件目录是/java-1.8.0-openjdk-1.8.0. ...

  7. Spring技术内幕

    一.Spring设计目的     通过Spring容器管理JavaBean使原来对象→对象的关系转变为对象→容器→对象的关系,从而实现对象的解耦合和面向接口开发,充分支持OO思想.   二.Sprin ...

  8. Mysql计算时间最近多久

    -- DATE_SUB(CURDATE(), INTERVAL 3 MONTH)计算结果为当前时间的前推三个月,time字段可为时间型字符串 select * form t_user where ti ...

  9. 5)关于CSS和js静态文件引入路径

    (1)参考资料   thinkphp5手册      视图--->输出替换 (2)方法(1)在我们的application中,找到config.php,在里面输入这样的配置: <?php ...

  10. ipv6 mac地址转化为linklocal地址

    mac  3c:32:66:67:dd:46 linklocal地址 前六位固定  fe80:: 第七位  mac地址第一个byte进行如下计算 (byte) ((byte) (macbyte &am ...