JavaScript 异步模式!!

JavaScript 异步模式

原文链接：https://note.noxussj.top/?source=sifou

什么是异步模式？

不会等待当前任务执行完毕，才会去执行下一个任务，这就是异步模式（Asynchronous）。开启异步后，就会跳过本任务，开始执行下一个任务，后续的逻辑一般会通过回调函数的方式定义。异步模式执行中，涉及到调用栈（Call stack）、消息队列（Queue）、微任务队列（Microtask Queue）、事件循环（Eevent Loop）、运行环境（浏览器是 WebAPIs）。

优点

主要解决同步模式造成的阻塞问题

缺点

代码的执行顺序混乱，并非从上往下一个个执行，有时候无法得知谁先执行谁后执行，所以不易于阅读和理解。

---

异步方案

• ES2015 提供的 Pormise 方案
• ES2015 提供的 Generator
• ES2017 提供的 Async / Await 语法糖（可以写出更扁平的异步代码

---

基础案例

console.log('global begin')

setTimeout(() => {
    console.log('timer1 invoke')
}, 1800)

setTimeout(() => {
    console.log('timer2 invoke')

    setTimeout(() => {
        console.log('inner invoke')
    }, 1000)
}, 1000)

console.log('global end')

---

最全面的前端笔记来啦，包含了入门到入行的笔记，还支持实时效果预览。小伙伴们不需要再花时间去写笔记，或者是去网上找笔记了。面试高频提问和你想要的笔记都帮你写好了。支持移动端和 PC 端阅读，深色和浅色模式。

原文链接：https://note.noxussj.top/?source=sifou