Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wangfupeng1988/js-async-tutorial
深入理解 JavaScript 异步
https://github.com/wangfupeng1988/js-async-tutorial
Last synced: 12 days ago
JSON representation
深入理解 JavaScript 异步
- Host: GitHub
- URL: https://github.com/wangfupeng1988/js-async-tutorial
- Owner: wangfupeng1988
- Created: 2017-02-28T01:46:18.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-03-07T02:39:18.000Z (over 6 years ago)
- Last Synced: 2024-10-14T19:37:30.772Z (about 1 month ago)
- Language: JavaScript
- Homepage:
- Size: 57.6 KB
- Stars: 972
- Watchers: 46
- Forks: 173
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 深入理解 JavaScript 异步
## 前言
2014年秋季写完了《[深入理解javascript原型和闭包系列](http://www.cnblogs.com/wangfupeng1988/p/4001284.html)》，已经帮助过很多人走出了 js 原型、作用域、闭包的困惑，至今仍能经常受到好评的留言。
很早之前我就总结了**JS三座大山**这个概念（虽然没有到处宣扬），前两座（原型、作用域）已经基本讲明白，而第三座（异步）也应该做一个总结。
于是，2017年初春，我花费大约一周的业余时间来对 JS 异步做一个完整的总结，和各位同学共勉共进步！
## 目录
**part1 基础部分**
- [什么是异步](./part1-basic/01-what-is-async.md)
- [异步和 event-loop](./part1-basic/02-event-loop.md)
- [事件绑定算不算异步？](./part1-basic/03-event-bind.md)
**part2 jQuery的解决方案**
- [jQuery-1.5 之后的 ajax](./part2-jquery/01-jquery-ajax.md)
- [jQuery deferred](./part2-jquery/02-jquery-deferred.md)
- [jQuery promise](./part2-jquery/03-jquery-promise.md)
**part3 ES6-Promise**
- [Promise 加入 ES6 标准](./part3-promise/01-promise-in-es6.md)
- [Promise 在 ES6 中的具体应用](./part3-promise/02-promise-use.md)
- [对标一下 Promise/A+ 规范](./part3-promise/03-promise-standard.md)
- [Promise 真的取代 callback 了吗？](./part3-promise/04-promise-callback.md)
- [用 Q.js 库](./part3-promise/05-promise-q.md)
**part4 Generator**
- [ES6 中的 Generator](./part4-generator/01-generator-in-es6.md)
- [Iterator 遍历器](./part4-generator/02-iterator.md)
- [Generator 的具体应用](./part4-generator/03-iterator-use.md)
- [Thunk 函数](./part4-generator/04-thunk.md)
- [Generator 与异步操作](./part4-generator/05-generator-for-async.md)
- [koa 中使用 Generator](./part4-generator/06-generator-for-koa.md)
- [Generator 的本质是什么？是否取代了 callback](./part4-generator/07-generator-callback.md)
**part5 async-await**
- [ES7 中引入 async-await](./part5-async-await/01-async-await-in-es7.md)
- [如何在 nodejs `v6.x`版本中使用 async-await](./part5-async-await/02-use-in-node-v6.md)
**part6 总结**
- [总结](./part6-end/01-summary.md)
## 运行程序的说明
要求本地 node 在`v6`或以上版本，然后执行以下命令下载代码并安装依赖的插件
```shell
$ cd ~
$ git clone [email protected]:wangfupeng1988/js-async-tutorial.git
$ cd js-async-tutorial
$ npm i
```
最后，本地可能需要启动一个静态服务器来运行页面，我使用`http-server`插件
```shell
$ npm install http-server -g
$ cd js-async-tutorial
$ http-server -p 8881
```
然后浏览器访问`http://localhost:8881/xxx/xxx.html`即可
## 关于作者
- 关注作者的博客 - 《[深入理解javascript原型和闭包系列](http://www.cnblogs.com/wangfupeng1988/p/4001284.html)》《[深入理解javascript异步系列](https://github.com/wangfupeng1988/js-async-tutorial)》《[换个思路学习nodejs](https://github.com/wangfupeng1988/node-tutorial)》《[CSS知多少](http://www.cnblogs.com/wangfupeng1988/p/4325007.html)》
- 学习作者的教程 - 《[前端JS高级面试](https://coding.imooc.com/class/190.html)》《[前端JS基础面试题](http://coding.imooc.com/class/115.html)》《[React.js模拟大众点评webapp](http://coding.imooc.com/class/99.html)》《[zepto设计与源码分析](http://www.imooc.com/learn/745)》《[json2.js源码解读](http://study.163.com/course/courseMain.htm?courseId=691008)》
## 求打赏
如果你看完了，感觉还不错，欢迎给我打赏 ———— 以激励我更多输出优质内容
