javascript系列--javascript引擎执行的过程的理解--语法分析和预编译阶段
栏目: JavaScript · 发布时间: 5年前
内容简介：js是一种非常灵活的语言，理解js引擎的执行过程对于我们学习js是非常有必要的。看了很多这方便文章，大多数是讲的是事件循环（event loop）或者变量提升的等，并没有全面分析其中的过程。所以觉得把这个js执行的详细过程整理一下，帮助更好的理解js。js是单线程语言。在浏览器中一个页面永远只有一个线程在执行js脚本代码
js是一种非常灵活的语言，理解js引擎的执行过程对于我们学习js是非常有必要的。看了很多这方便文章，大多数是讲的是事件循环（event loop）或者变量提升的等，并没有全面分析其中的过程。所以觉得把这个js执行的详细过程整理一下，帮助更好的理解js。
1.1基础概念
js是单线程语言。
在浏览器中一个页面永远只有一个线程在执行js脚本代码
js是单线程怨言，但是代码解析是非常迅速的，不会发生解析阻塞。
js是异步执行的，通过实践循环（event loop）方式实现的
暂时我们不考虑事件循环（event loop），我们先来看这样一段代码，来确定我们是否理解js引擎的执行过程
console.log(person)
console.log(personFun)
var person = "saucxs";
console.log(person)
function personFun() {
console.log(person)
var person = "songEagle";
console.log(person)
}
personFun()
console.log(person)
复制代码
可以自己直接使用浏览器看出输出结果
首先我们来分析一下上面的代码，虽然很多开发人员基本上都能答出来，但是还是要啰嗦一下。
全面分析js引擎的执行过程，分为三个阶段
1、语法分析
2、预编译阶段
3、执行阶段
说明：浏览器先按照js的顺序加载
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
- 精读《手写 SQL 编译器 - 语法分析》
- 精读《手写 SQL 编译器 - 语法树》
- 大话css预编译处理（三）：基础语法篇
- 编译原理实战入门：用 JavaScript 写一个简单的四则运算编译器（二）语法分析
- Crystal 0.25.1 发布，语法类似 Ruby 的编译型编程语言
- Crystal 0.25.1 发布，语法类似 Ruby 的编译型编程语言
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
