JavaScript运行机制与实践应用

一、JavsScript运行机制

1、JavaScript 是一种解释型语言,它的执行机制主要包括以下几个步骤:

JavaScript运行机制与实践应用_第1张图片

2、事件循环

JavaScript运行机制与实践应用_第2张图片

3、JavaScript运行模型

JavaScript运行机制与实践应用_第3张图片

4、JavaScript任务

JavaScript运行机制与实践应用_第4张图片

5、JavaScript宏任务和微任务

JavaScript运行机制与实践应用_第5张图片

6、案例分析

console.log('script start')
setTimeout(function () {
  console.log('setTimeout')
}, 0)
Promise.resolve().then(function () {
    console.log('promise1')
  })
  .then(function () {
    console.log('promise2')
  })
console.log('script end')

JavaScript运行机制与实践应用_第6张图片

7、Promise异步编程

JavaScript运行机制与实践应用_第7张图片

9、Async和Await

###JavaScript运行机制与实践应用_第8张图片

10、总结

JavaScript运行机制与实践应用_第9张图片

二、实践应用

1、如何跨越递归限制

JavaScript运行机制与实践应用_第10张图片

2、nextTick应用

JavaScript运行机制与实践应用_第11张图片

3、Async和Await注意事项

JavaScript运行机制与实践应用_第12张图片

4、Async和Await应用场景一

JavaScript运行机制与实践应用_第13张图片

5、Async和Await应用场景二

JavaScript运行机制与实践应用_第14张图片

你可能感兴趣的:(Web前端开发,javascript,js运行机制,事件循环)