详解ES6中的几种解决异步的方式

原创 Fly丶 教程 前端 40阅读 13 天前 举报

前置知识准备

  • Generator 函数 执行会返回一个迭代器(Iterator), 在迭代器上可以调用 next() 方法, 执行下一个 yield 或 return
  • 调用 next() 方法,会返回一个对象 {value: res, done: false} , value 的值 为 yield 之后表达式的值,done 的值 表示迭代器,是否已经执行完毕(最后一个yield 或 return )
  • next() 方法,可以传入一个值,做为前一个yield 表达式的返回值

有了这些知识,可以把Promise 对象 做一个的 yield 的值,配合一个执行器,来处理异步操作

方式一: Generator + Promise + 执行器

前端全栈学习交流圈:866109386,面向1-3经验年前端开发人员,帮助突破技术瓶颈,提升思维能力
群内有大量PDF可供自取,更有干货实战项目视频进群免费领取。

执行器 中的 result.value 现在是一个Promise, 通过 then 方法拿到需要的结果,传下一次 next 方法,这样 let f1 = yield readFile('a.txt'); 就可以拿到值!

方式二:Generator + Thunk函数 + 执行器

这里的 Thunk 转换器,把原来的 fs.readFile 函数 转换成需要两次调用的函数 ,readFile 的执行结果,可以通过回调函数能参数传递出来,再传给 next 方法

方式三:基于 async 函数 和 await 的异步处理方式

readFile 函数 对比方式一没有大的变化 ,Generator 函数变成 了 async 函数,可见 这处方式 只是 方式一的一个语法糖,async 函数自带了执行器!

最后

其实,很多想学习技术的同学都一方面是兴趣使然一方面是想找一份满意的工作,如果你学的技术对企业没有实际价值,那么也白瞎,(除非你是理论计算机学家),就目前在“互联网+”趋势的引导下,Web前端工程师的需求只会越来越大。刚好目前我也为大家整理了一套资料!欢迎加入前端全栈开发交流圈一起吹水聊天学习交流:866109386

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复