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. UML-如何使用层进行设计?

    1.将代码组织映射为层和UML包 com.mycompany |_nextgen |_ui |_domain |_service |_util org.apache.log4j  2.使用对象设计应用 ...

  2. 寒假day02-spring框架

    1 入门案例:IoC[掌握] 1.1 导入jar包 . 4 + 1  : 4个核心(beans.core.context.expression) + 1个依赖(commons-loggins...ja ...

  3. Django2.0——路由配置

    URL配置就像是Django所支撑网站的目录,它的本质是URL模式以及要为该URL模式调用的视图函数之间的映射表.URL需要在urls.py进行配置,与其对应的视图函数写在views.py文件中.ur ...

  4. bzoj2127happiness(最小割)

    一眼最小割. 一种比较好想的建图方式如下: 连源点表示学文,连汇点表示学理,然后adde(S,id(i,j),a[i][j]),adde(id(i,j),T,b[i][j]):对于相邻座位选择同一科的 ...

  5. #JS# 如何判断一个字符串是否为日期格式

    var data = “2018-12-09”; //返回为false则是日期格式;isNaN(data)排除data为纯数字的情况(此处不考虑只有年份的日期,如‘2018’) if(isNaN(da ...

  6. js等于符号的详解

    JavaScript == 与 === 区别 1.对于 string.number 等基础类型,== 和 === 是有区别的 a)不同类型间比较,== 之比较 "转化成同一类型后的值&quo ...

  7. 解决DIV超出样式长度自动换行

    width: 100px;display:block;word-break: break-all;word-wrap: break-word;

  8. Rails render collection 的魔法

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

  9. Python语言学习:pyc是什么

    一.pyc 1.PyCodeObject:是python编译器真正编译成的结果 当python程序运行时,编译的结果是保存在位于内存中的PyCodeObject中.当python程序运行结束时,pyt ...

  10. unity学习 5.x打包

    using System.Collections;using System.Collections.Generic;using UnityEngine;using UnityEditor; publi ...