浅析JavaScript预编译和暗示全局变量

更新时间：2020年09月03日 16:17:52 作者：叶遮沉阳

这篇文章主要介绍了JavaScript预编译和暗示全局变量的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下

1. 暗示全局变量

未声明的变量称为暗示全局变量。

var a = 1; //函数体外声明的变量称为全局变量
b = 2; // 无论函数体外或函数体内未声明的变量都称为暗示全局变量
function fn() {
 var c = 3; //函数体内声明的变量称为局部变量
 d = 4; // 暗示全局变量
}
fn(); // 若不执行函数，则不会进行函数预编译，d 就不会提升为全局变量
console.log(c); // error: c is not defined
console.log(d); // 4

2. JavaScript执行过程

1. 语法分析，若存在低级语法错误，则不编译执行；
2. 预编译，包括变量声明提前和函数声明提前；
3. 解释执行，解释一行，执行一行。

3. 预编译

预编译可分为全局预编译和函数预编译。

1. 在js脚本加载之后，会先通篇检查是否存在低级错误；
2. 在语法检测完之后，便进行全局预编译；
3. 在全局预编译之后，就解释一行，执行一行；
4. 当执行到函数调用那一行，会先进行函数预编译，再往下执行。

全局预编译：

1. 创建全局对象GO（window对象）；
2. 变量声明提前，将所有变量的声明放到最前面，作为GO对象的属性，
并赋值undefined，若存在变量名相同，只声明一个；
3. 函数声明提前，将函数声明也放到最前面，作为GO对象的属性，
若函数名与变量名相同，变量名会被函数名覆盖，值是函数体。
这就是函数定义放到函数调用之前或之后都可以的原因。

函数预编译：

1. 在函数执行前的一瞬间，函数预编译闪亮登场；
2. 先创建一个AO对象(Active Object)；
3. 将形参和变量声明提前，赋值undefined，作为AO的属性；
4. 将实参赋值给形参；
5. 函数声明提前，值为函数体，作为AO的属性。

栗子:

var a = 1;
function b(c){
 console.log(c);
 var c = 2;
 console.log(c);
 function c() {}
 var d = 3;
 function e() {}
}
b(4);

先分析全局预编译，

创建GO对象，GO = {}；
变量声明提前

// 伪代码
GO = { 
 a = undefined
}

函数声明提前

// 伪代码
GO = { 
 a = undefined
 b = f b(c) { console.log(c); ... }
}

再分析函数预编译，

创建AO对象，AO = {}；
形参和变量声明提前；

// 伪代码
AO = { 
c = undefined // 与变量名相同，只声明一个
d = undefined
}

将实参赋值给形参；

// 伪代码
AO = { 
c = 4 // b(4)，传入的实参是4
d = undefined
}

函数声明提前

// 伪代码
AO = { 
c = f c() {} // 函数名会覆盖变量名
d = undefined
e = f e() {}
}

所以第一次打印变量c的时候，是输出函数体，而不是实参4。

以上就是浅析JavaScript预编译和暗示全局变量的详细内容，更多关于JavaScript预编译和暗示全局变量的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

深入解析微信小程序开发中遇到的几个小问题
这篇文章主要介绍了微信小程序开发中遇到的几个小问题,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-07-07
js open() 与showModalDialog()方法使用介绍
项目开发中经常要用到js open() 与showModalDialog()方法，下面有个不错的示例，喜欢的朋友可以研究下
2013-09-09
AI小程序之语音听写来了，十分钟掌握百度大脑语音听写全攻略
语音识别极速版能将60秒以内的完整音频文件识别为文字，本文主要介绍采用百度语音识别,实现小程序的听写功能，感兴趣的同学可以来了解一下
2020-03-03
JS实现数组扁平化的方法总结
数组扁平化相信不少朋友在一些面试中被问到过,这在我们日常编程中也是一个常规操作,它需要我们将一个多维数组转化成一个一维数组,所以,借着这篇文章,我们今天就一起来汇总一下几种数组扁平化的方式,需要的朋友可以参考下
2024-02-02
快速查找数组中的某个元素并返回下标示例
最近在写jquery的combobox插件时遇到效率问题，再加上jquery选择器的类帅选，导致效率很慢，采用以下方式二，可以轻松解决此问题
2013-09-09
JS如何实现Base64编码和解码(及中文乱码问题)
这篇文章主要给大家介绍了关于JS如何实现Base64编码和解码及中文乱码问题的相关资料,Base64编码是一种常用的将二进制数据转换为文本数据的方式,文中通过代码介绍的非常详细，需要的朋友可以参考下
2023-10-10
基于Next.js实现在线Excel的详细代码
Next.js是一款React 开发框架，它可以帮助我们构建 React 应用程序。作为一个轻量级React服务端渲染应用框架，这篇文章主要介绍了基于 Next.js实现在线Excel,需要的朋友可以参考下
2022-08-08
JavaScript+CSS实现唯美蝴蝶动画
这篇文章主要介绍了JavaScript+CSS实现唯美蝴蝶动画,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下
2022-07-07
对于防止按钮重复点击的尝试详解
这篇文章主要介绍了对于防止按钮重复点击的尝试，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
javascript实现图片延迟加载方法汇总(三种方法)
看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，跟着小编一起学习javascript实现图片延迟加载吧
2015-08-08

浅析JavaScript预编译和暗示全局变量

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具