JS之预编译

最新推荐文章于 2025-05-29 14:24:42 发布
最新推荐文章于 2025-05-29 14:24:42 发布
阅读量3.1k 收藏 25
点赞数 3
CC 4.0 BY-SA版权
分类专栏： JavaScript 面试经验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zyf__java/article/details/74094891
本文主要介绍了JavaScript的预编译过程，包括预编译的作用、函数声明与变量赋值的区别，以及预编译在函数执行前和脚本执行前的不同阶段所做的工作。通过实例解析，帮助读者理解预编译中变量和函数的声明与初始化行为。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天有幸获得腾讯的电话面试，不幸的是面试非常惨，但是从中认识到自己的不足和找到日后该努力的方向，就拿面试中的关于js的预编译来说吧，小编都不知道是啥，面试完后赶紧查资料，写总结。

首先javascript是解释型语言，自然就是编译一行，执行一行。js运行过程分为三步：1、语法分析 2、预编译  3、解释执行

语法分析就是指js引擎去判断检查你的代码是否存在语法错误，解释执行更不用多说，自然就是执行你的代码，然而重中之重的是预编译，预编译简单理解就是在内存中开辟一些空间，存放一些变量与函数 ，那么到底预编译是在什么时候开始发生的呢？接下来就是本章的重点所在了。

理解预编译首先要明白函数声明和变量赋值：

function a(){ }//函数声明  

最低0.47元/天 解锁文章

200万优质内容无限畅学
js预编译
weixin_43801836的博客
06-08 1398
js预编译过程
JavaScript 详解预编译原理
11-27
大家要明白，这个预编译和传统的编译是不一样的（可以理解js预编译为特殊的编译过程） JavaScript是解释型语言， 既然是解释型语言，就是编译一行，执行一行 传统的编译会经历很多步骤，分词、解析、代码生成...
js 预编译
M_DREAMER的博客
04-23 313
递归递归有两个重要的步骤：                        1、找规律                        2、找出口注：阶乘、斐波那契数列是典型的递归的例子。js三部曲：  语法分析  预编译  解释执行全局变量1、imply global 暗示全局变量：即任何变量，如果未经声明就赋值，此变量就为全局对象所有。 eg: a = 123; //其中a为全局变量 eg: ...
C++ 预编译（预处理）详解
qq_28450045的博客
05-29 890
它在实际编译前处理源代码中的预处理指令（以。开头的命令），生成传递给编译器的“纯净”代码。非标准但广泛支持的头文件保护机制，比传统。预编译是 C++ 编译过程的第一阶段，由。
js 预编译 GO与AO 变量和函数声明提升
暖光的博客
12-23 614
预编译 预编译分为全局（GO）预编译和局部（AO）预编译，全局预编译发生在页面加载完成时执行，而局部预编译发生在函数执行的前一刻。 js运行三步曲 首先JavaScript的执行过程会先扫描一下整体语法语句，如果存在逻辑错误或者语法错误，那么直接报错，程序停止执行，没有错误的话，开始从上到下解释一行执行一行。 1 语法分析 2 预编译 3 解释执行 局部预编译（AO）的4个步骤 在执行的前一刻会创建一个ao对象 将函数内所有的形参和变量声明储存到ao对象中，value为undefined； 将形参和实
JS预编译
预见的力量
05-11 533
JavaScript执行分为三个步骤：首先进行语法分析，看看代码是不是符合JS语法规范，然后要进行预编译，最后才开始解释执行；这个预编译的环节发生在函数执行的前一刻。 可以看到，在下面这个函数中，形参名、变量名、函数名很多都一样。那么每次console.log()出来的东西都是什么？只要了解了预编译，就会很清晰的知道。 function precompile(a){ console.log...
实例讲解JavaScript预编译流程
12-02
大家都知道JavaScript是解释型语言，既然是解释型语言，就是编译一行，执行一行，那又何来预编译一说呢?脚本执行js引擎都做了什么呢？今天我们就来看看吧。 1-JavaScript运行三部曲 语法分析 预编译 解释执行 语法...
javascript预编译思考
08-05
JavaScript预编译是一种优化代码执行效率的技术，尤其在大型项目中尤为重要。预编译的主要目的是在实际运行前处理代码，减少解析和运行时的负担，提高应用的性能。本篇文章将深入探讨JavaScript预编译的概念、重要性...
JS之预编译(详解)
🌱「码路小匠」：以代码为凿，刻出技术的形状
03-28 2214
JS运动过程： 语法分析 预编译 解释执行 语法分析就是JS引擎去检查你的代码是否有语法错误，解释执行顾名思义就是执行你的代码。当然最重要的还是预编译，那么预编译是在什么时候开始发生呢？，接下来就是重点了。 首先要明白什么是函数声明?,什么是变量赋值？ function a() //函数声明 var a = function (){}//变量赋值（函数表达式） 预编译（函数执行的前一刻）： ...
JS的预编译
weixin_45868552的博客
04-06 348
JS的预编译与传统的预编译是不一样的 JS是解释型语言（编译一行，执行一行） 传统的编译会经历很多步骤，比如分词、解析、代码生成 一、ＪＳ运行三部曲 语法分析（先扫描一遍，看是否有语法错误） 预编译（执行前一刻）（变量声明提升，函数声明整体提升） 解释执行（解释一行，执行一行） １、函数编译四部曲（函数预编译发生在函数执行前一刻） （１）创建AO对象 （２）找形参和变量声明,将变量和形参名作为AO属性名,值为undefined （３）将形参与实参的值统一 （４）在函数体里找函数声明，并赋值函数体 ２、全局
js的预编译
csdn_zsdf的博客
08-15 555
js的两大特点：解释性和单线程 解释性：翻译一行执行一行，但是在翻译之前需要经历预编译阶段，在这个阶段中将该提升的提升，该赋值的赋值，完成之后执行代码。 所以js的预编译发生在代码执行的前一个阶段。 js预编译的步骤： ①. 创建AO对象(Activitity Object)（执行器上下文） ②. 找形参和变量声明，将变量和形参作为AO的属性名，且赋值为undefined ③. 将实参和形参统一 ...
js中的预编译
qq_41309350的博客
03-04 216
JavaScript是解释型语言， 既然是解释型语言，就是编译一行，执行一行 传统的编译会经历很多步骤，分词、解析、代码生成什么的 javaScript运行三部曲 语法分析 预编译 解释执行(就是执行代码) 预编译是什么？ 预编译简单理解就是在内存中开辟一些空间，存放一些变量与函数 预编译四步 我们来看下这个代码 function fn(a) { 　 　console.log(a); 　 　var a = 123; console.log(a); function a(
js全局预编译
最新发布
06-10
### JavaScript 全局预编译机制解析 在 JavaScript 中，全局预编译机制是其执行模型的一部分。当代码进入执行阶段之前，JavaScript 引擎会先进行一个预编译的过程，这个过程包括变量声明和函数声明的解析。以下是关于全局预编译机制的具体实现方式： #### 1. 预编译阶段 在代码执行前，JavaScript 引擎会先对全局作用域中的代码进行预编译。这一阶段主要包括以下内容： - **变量声明**：所有使用 `var` 声明的变量会被初始化为 `undefined` 并添加到全局对象（如浏览器中的 `window` 或 Node.js 中的 `global`）中[^4]。 - **函数声明**：函数声明会被提升到当前作用域的顶部，并且整个函数体也会被加载到内存中[^4]。 例如，在以下代码中： ```javascript console.log(a); // 输出 undefined var a = 10; ``` 在预编译阶段，变量 `a` 被初始化为 `undefined`，因此在实际赋值之前访问它时，输出的是 `undefined`[^3]。 #### 2. 执行上下文与全局对象 在全局作用域下，JavaScript 会创建一个全局执行上下文（Global Execution Context）。全局执行上下文中包含一个全局对象（如 `window`），以及一个变量环境（Variable Environment）用于存储所有全局变量和函数声明[^1]。 #### 3. 变量提升与函数提升 - **变量提升**：使用 `var` 声明的变量会在预编译阶段被提升到作用域顶部并初始化为 `undefined`。如果在声明之前访问该变量，则会返回 `undefined`[^4]。 - **函数提升**：函数声明会被完全提升到作用域顶部，这意味着可以在声明之前调用函数。然而，函数表达式不会被提升[^4]。 示例代码如下： ```javascript foo(); // 输出 'bar' function foo() { console.log('bar'); } baz(); // 抛出 TypeError: baz is not a function var baz = function() { console.log('qux'); }; ``` #### 4. 全局对象的作用 全局对象（如 `window` 或 `global`）充当了全局作用域的容器。所有未明确指定作用域的变量和函数都会被绑定到全局对象上[^2]。这也解释了为什么在函数内部可以访问全局变量——因为它们都存储在全局对象中。 #### 5. 赋值覆盖与同名冲突 在全局作用域中，如果存在同名的变量和函数声明，函数声明会覆盖变量声明。此外，形参与局部变量同名时，形参优先级更高[^4]。 示例代码如下： ```javascript function test() { console.log('original function'); } var test = 'variable'; test(); // 抛出 TypeError: test is not a function ``` 在上述代码中，变量声明覆盖了函数声明，导致 `test` 成为一个字符串而不是函数[^3]。 ### 示例代码 以下是一个完整的例子，展示全局预编译机制的工作方式： ```javascript // 函数声明被提升 foo(); // 输出 'bar' // 变量声明被提升，但赋值发生在执行阶段 console.log(a); // 输出 undefined var a = 10; function foo() { console.log('bar'); } ``` ---
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值