JavaScript预编译

最新推荐文章于 2025-04-25 17:45:13 发布
原创 最新推荐文章于 2025-04-25 17:45:13 发布 · 114 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了JavaScript的预编译过程，包括函数声明的整体提升、变量声明的提升及赋值行为，以及预编译四步骤。阐述了AO(活跃对象)与GO(全局对象)的生成时机与作用，帮助理解JS执行机制。

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

顺序：
  ①语法分析
  ②预编译
  ③解释一行执行一行
预编译:
       现象:函数声明整体提升，变量  声明提升，赋值不提升
      imply global(暗示全局变量)如果变量未经声明就赋值，则此变量为全局对象window所有。一切声明的全局变量，全是window的属性。window是全局的域
   预编译发生在函数执行的前一刻
   预编译四步:
        ①创建AO对象(activation object活跃对象  执行期上下文(简单说就是作用域))
         AO{}
        ②找形参和变量声明，将变量和形参名作为AO的属性名，值为undefined
        ③将实参值和形参统一
        ④在函数体里找到函数声明，值赋给函数体。
预编译结束执行函数体，声明部分不在执行，赋值部分要执行。


全局的同理  生成的是GO对象，就是window对象

先生成GO在生成AO:先生成go，在执行函数的前一刻在生成AO
javaScript预编译过程
weixin_46422035的博客
03-15 517
预编译发生在代码执行的前一刻，会完成函数声明的提升和变量声明的提升
JavaScript预编译过程
five-five
01-31 2050
JavaScript预编译过程阶段(三个)预编译过程1. JavaScript代码执行之前的预编译案例说明2. 函数执行前的预编译案例说明总结预编译两个小规则：预编译前奏 阶段(三个) 词法语法分析：词法语法分析就是检查JavaScript代码是否有一些低级的语法错误 预编译：本文主讲 执行代码：执行代码就是js引擎解析代码，解析一行执行一行 这章主要讲预编译过程 预编译过程 预编译也分为2个时间点： 第一个是在JavaScript代码执行之前 第二个是在函数执行之前。 但是JavaScript代码
JavaScript 预编译过程详解（全局预编译、函数预编译）
最新发布
reed_0805的博客
04-25 333
2. 形参和变量声明提升：查找形参和变量声明，作为 AO 属性，值为 undefined。：ES6 的 let/const 也有提升，但存在暂时性死区（TDZ），表现与 var 不同。2. 变量声明提升：查找变量声明，将变量名作为 GO 属性，值为 undefined。3. 函数声明提升：查找函数声明，将函数名作为 GO 属性，值为函数体。4. 函数声明提升：查找函数声明，作为 AO 属性，值为函数体。是变量声明，只提升变量声明，不提升函数体。：函数声明提升优先于变量声明提升。
JavaScript 预编译
zgq1259805541的博客
05-16 397
js预编译
Javascript预编译
Caroline的博客
07-06 303
Javascript中使用函数作用域：    变量在声明它们的函数体内以及这个函数体嵌套的任意函数体都是有定义的。也就是说在函数内声明的所有变量在函数体内都是可见的，这意味着变量在声明之前已经可用。这个特性称为声明提前，即Javascript函数里声明的所有变量（不涉及赋值）都被提前至函数体的顶部。而声明提前是在Javascript引擎的“预编译”的时候进行的。    预编译发生的时期：在函数执行...
javascript预编译
qq_33989590的博客
05-20 148
实例分析： 分析： 页面产生便创建了GO对象（Global Object）(也就是window对象) 第一个脚本文件加载 脚本加载完分析语法 开始编译，查找变量声明为作为GO属性，值赋undefined，查找函数声明作为GO属性，值赋函数体。 预编译 解释执行代码（直到执行调用函数test(2)语句） 执行函数test()之前，发生预编译 创建AO活动对象（Activ...
JavaScript预编译详解
Maix_Y的博客
11-04 245
Js的两个特点：单线程，解释性语言（翻译一句执行一句）。 语法分析：通篇扫描，语法错误 预编译： 函数声明整体提升 变量，声明提升 解释执行： imply global 暗示全局变量：即任何变量， 如果变量未经声明就赋值，此变量就为全局变量所有（window），不会报错。 一切声明的全局变量，都归 window所有 预编译发生在函数执行的前一刻 函数预编译的四个步骤： 1.创建AO（Activa...
JavaScript 预编译与执行机制解析
weixin_53954018的博客
06-23 1268
在深入探讨JavaScript预编译与执行机制之前，我们首先需要明确几个基本概念：声明提升、函数执行上下文、全局执行上下文以及调用栈。这些概念共同构成了JavaScript运行时环境的核心组成部分，对于理解代码的执行流程至关重要。本文将围绕这些核心概念，展开一次深度解析之旅,全面而深入地阐述这一主题。
理解JavaScript预编译过程
6块腹肌的博客
04-10 705
首先要知道JavaScript在运行的时候是分为三个阶段： 一、词法语法分析；词法语法分析就是检查JavaScript代码是否有一些低级的语法错误 二、预编译； 三、执行代码；执行代码就是js引擎解析代码，解析一行执行一行 预编译： 下面来详细分析一下： 预编译也分为2个时间点，第一个是在JavaScript代码执行之前，第二个是在函数执行之前。但是JavaScript代码之前之前的预...
javascript预编译思考
08-05
JavaScript预编译是一种优化代码执行效率的技术，尤其在大型项目中尤为重要。预编译的主要目的是在实际运行前处理代码，减少解析和运行时的负担，提高应用的性能。本篇文章将深入探讨JavaScript预编译的概念、重要性...
实例讲解JavaScript预编译流程
12-02
大家都知道JavaScript是解释型语言，既然是解释型语言，就是编译一行，执行一行，那又何来预编译一说呢?脚本执行js引擎都做了什么呢？今天我们就来看看吧。 1-JavaScript运行三部曲 语法分析 预编译 解释执行 语法...
浅析JavaScript预编译和暗示全局变量
11-19
// 若不执行函数，则不会进行函数预编译，d 就不会提升为全局变量 console.log(c); // error: c is not defined console.log(d); // 4 2. JavaScript执行过程 1. 语法分析，若存在低级语法错误，
DOM节点增（创建）、 插（插入html） 删 替换
学习随笔
11-14 1127
插入:若选择页面已有的一个元素插入到页面另一个位置，也原位置处该元素消失，出现在新位置。即插入是剪切操作。 insertBefore()在父节点里面插入一个元素a在b的前面。 封装insertAfter(),实现insertBefore()类似的功能: Element.prototype.insertAfter=function(elem,after){ var befor...
arguments
学习随笔
11-03 1072
arguments.callee 指向函数引用， 作用:立即执行函数无函数名，自身内部递归时无法写自身函数名，可用arguments.callee指向自身函数引用。 arguments上的属性只有callee和兰斯。 caller是指向函数被调用的环境。 判断是否是原始值:typeof() 判断是数组还是对象:三种 ①instanceof ②tostring ③con...
防抖节流源码实现
学习随笔
04-10 746
关于防抖节流基础介绍及基础实现参见上篇博客：函数防抖与节流，本节为扩展功能源码 防抖源码封装： <!DOCTYPE html> <html> <head> <title></title> </head> <body> <input type="text" name=""> <button&g...
canvas应用之刮刮乐实现
学习随笔
04-11 620
<!DOCTYPE html> <html> <head> <title>刮刮乐</title> </head> <body> <canvas id="can" width="500" height="500"></canvas> <script type="text/javas...
拖拽源码
学习随笔
04-08 578
<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> .box{ width: 100px; height: 100px; top: 50px; left: 50px; position: absolut...
每日一题JavaScript之回文数
学习随笔
10-29 550
// 编写一个简单函数(少于160字符)，返回一个布尔值，指示字符串是否是palindrome(回文) // 方法A: function isPalindrome(str){ var len = str.length; for (var i=0;i&lt;(len/2);i++){ if(str[i] != str[len-1-i]){ return false; } } r...
深入理解JavaScript预编译作用域链
JavaScript 作用域原理是前端开发者在学习和工作过程中必须掌握的知识点，其中作用域预编译是理解JavaScript引擎如何处理代码的关键概念。本文将详细介绍JavaScript的作用域原理中的预编译部分。 ### 作用域链 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值