JavaScript预编译

前言：在JavaScript中存在一种预编译的机制，这也是Java等一些语言中没有的特性，也就正是因为这个预编译的机制，导致了js中变量提升的一些问题，下面这两句话能解决开发当中一部份问题，但不能解决所有问题，还有一些问题是你必须通过学习预编译才能解决的。

函数声明整体提升（函数定义会提升，传参也会提升。）
变量声明提升（*注意预编译时，变量声明会提升，但变量赋值不会提升。）

预编译分为全局预编译和局部预编译，全局预编译发生在页面加载完成时执行，而局部预编译发生在函数执行的前一刻。

预编译阶段发生变量声明和函数声明，没有初始化行为（赋值），匿名函数不参与预编译 。只有在解释执行阶段才会进行变量初始化。

tip：JS函数的调用永远都是在函数声明下面调用，即使你的调用是写在函数声明之前的，它隐式也是在函数声明下调用的。

局部预编译的4个步骤：

创建AO对象（Activation Object）执行期上下文。
找形参和变量声明，将变量和形参名作为AO属性名，值为undefined
将实参值和形参统一。
在函数体里面找函数声明，值赋予函数体。

全局预编译的3个步骤：

创建GO对象（Global Object）全局对象。
找变量声明，将变量名作为GO属性名，值为undefined
查找函数声明，作为GO属性，值赋予函数体

原文章：

https://zhuanlan.zhihu.com/p/50236805

JavaScript预编译相关推荐

JavaScript预编译过程
JavaScript预编译过程阶段(三个) 预编译过程 1. JavaScript代码执行之前的预编译案例说明 2. 函数执行前的预编译案例说明总结预编译两个小规则: 预编译前奏阶段(三个 ...
5单个编译总会编译全部_5分钟读懂JavaScript预编译
大家都知道JavaScript是解释型语言,既然是解释型语言,就是编译一行,执行一行,那又何来预编译一说呢?脚本执行js引擎都做了什么呢?今天我们就来看看吧. 1-JavaScript运行三部曲语法 ...
JavaScript作用域原理——预编译
JavaScript是一种脚本语言, 它的执行过程, 是一种翻译执行的过程.并且JavaScript是有预编译过程的,在执行每一段脚本代码之前, 都会首先处理var关键字和function定义式(函数 ...
Javascript作用域原理---预编译
问题的提出首先看一个例子: var name = 'laruence'; function echo() { alert(name); var name = 'eve'; alert(name); ...
JavaScript的预编译及执行顺序
从JavaScript引擎的解析机制来探索JavaScript的工作原理,下面我们以更形象的示例来说明JavaScript代码在页面中的执行顺序. 如果说,JavaScript引擎的工作机制比较深奥是 ...
javascript运行过程中的“预编译阶段”和“执行阶段”
javascript相对于其它语言来说是一种弱类型的语言,在其它如java语言中,程序的执行需要有编译的阶段而在javascript中也有类似的"预编译阶段"(javascrip ...
javascript代码块概念及预编译机制
JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行.如果你不能理解javaScript语言的运行机制,或者简单地 ...
javascript之预编译
首先要记住:预编译发生在函数执行的前一刻先来一个小知识: 函数声明整体提升 test(); function test(){...//省略n行代码 } 在预编译阶段,会把函数声明提升到代码顶部: f ...
JavaScript中函数作用域之精辟，函数原理的浅入深出，及程序执行预编译之通天编译？？？
1.程序执行的前一刻会先将代码预编译一遍,如果有语法错误则直接终止程序运行 //预编译之通天编译 --> 在执行的前一刻,会把文件通天扫描一遍 /** //预编译函数整体提升(即函数会放到程序 ...

JavaScript预编译

局部预编译的4个步骤：

全局预编译的3个步骤：

JavaScript预编译相关推荐

最新文章

热门文章