乐趣区

关于前端: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

退出移动版