General Concepts
通常来说一个程序同时只做一件事情,
如果一个函数依赖另一个函数的运行结果,
就需要等待这个函数运行完毕后才能继续执行,
从用户的角度而言,程序是卡住的
Blocking
Web App 在浏览器里执行一大段代码,并且没有交还控制给浏览器
Threads
一个线程一次做一个task,tasks 序列执行
如果有多个线程,可以并行执行
通常,JS是单线程的
所以需要 web worker,可以把一部分进程塞给另一个线程
但它并不能和 DOM 交互,没法更新 UI
1
| Main Thread: Task A --> Task B
|
如果 B 依赖 A 的结果,同时执行的话会有 error,因为 B 并没有得到结果就开始执行了
1 2
| Main thread: Task A --> Task B --> |Task D| Worker thread: Task C -----------> | |
|
如果 D 同时需要 B 和 C 的结果,如果 D 在缺少其中任何一个结果的情况下执行了,也会有 error
所以就需要有 Promise 之类的 Feature,可以在 A 和 B 之间再去做一些别的事情
Async callbacks
把函数当参数传进去,它会在后台执行
执行完了之后会调用 callback 通知事情做完了
有点过时了
传进去的是引用,包在外面的那个函数负责执行
并不是所有的 callback 都是异步的
Promises
promise 本身是个对象,表示异步操作的成功与否,是一个中间状态
大概就像是浏览器在说,“我保证会尽快给一个结果”
每个 .then()
都会返回一个promise,所以可以一路连下去
.catch()
可以抓到then()链里面的出现的任何错误
普通的 try catch 不能用,但可以配合 async await 使用
Event Queue
异步操作会被放进事件队列,在主线程结束之后运行