加入收藏 | 设为首页 | 会员中心 | 我要投稿 我爱故事小小网_铜陵站长网 (http://www.0562zz.com/)- 视频终端、云渲染、应用安全、数据安全、安全管理!
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

JS异步编程六种方案

发布时间:2019-01-30 17:28:51 所属栏目:优化 来源:浪里行舟
导读:副标题#e# 前言 我们知道Javascript语言的执行环境是单线程。也就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。 这种模式虽然实现起来比较简单,执行环境相对单纯,但是只要有一个任务耗时很长,后面的任

如果请求两个文件,毫无关系,可以通过并发请求

  1. let fs = require('fs')  
  2. function read(file) {  
  3.   return new Promise(function(resolve, reject) {  
  4.     fs.readFile(file, 'utf8', function(err, data) {  
  5.       if (err) reject(err)  
  6.       resolve(data)  
  7.     })  
  8.   })  
  9. }  
  10. function readAll() {  
  11.   read1()  
  12.   read2()//这个函数同步执行  
  13. }  
  14. async function read1() {  
  15.   let r = await read('1.txt','utf8')  
  16.   console.log(r)  
  17. }  
  18. async function read2() {  
  19.   let r = await read('2.txt','utf8')  
  20.   console.log(r)  
  21. }  
  22. readAll() // 2.txt 3.txt 

八、总结

1.JS 异步编程进化史:callback -> promise -> generator -> async + await

2.async/await 函数的实现,就是将 Generator 函数和自动执行器,包装在一个函数里。

3.async/await可以说是异步终极解决方案了。

(1) async/await函数相对于Promise,优势体现在:

  •  处理 then 的调用链,能够更清晰准确的写出代码
  •  并且也能优雅地解决回调地狱问题。

当然async/await函数也存在一些缺点,因为 await 将异步代码改造成了同步代码,如果多个异步代码没有依赖性却使用了 await 会导致性能上的降低,代码没有依赖性的话,完全可以使用 Promise.all 的方式。

(2) async/await函数对 Generator 函数的改进,体现在以下三点:

  •  内置执行器。

Generator 函数的执行必须靠执行器,所以才有了 co 函数库,而 async 函数自带执行器。也就是说,async 函数的执行,与普通函数一模一样,只要一行。

  •  更广的适用性。 co 函数库约定,yield 命令后面只能是 Thunk 函数或 Promise 对象,而 async 函数的 await 命令后面,可以跟 Promise 对象和原始类型的值(数值、字符串和布尔值,但这时等同于同步操作)。
  •  更好的语义。 async 和 await,比起星号和 yield,语义更清楚了。async 表示函数里有异步操作,await 表示紧跟在后面的表达式需要等待结果。
【责任编辑:庞桂玉 TEL:(010)68476606】
点赞 0

(编辑:我爱故事小小网_铜陵站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读