面试官喜欢问的预编译,你了解吗?

预编译

预编译是指在程序运行之前,先对程序进行一些处理,例如预处理、编译、链接等,以便提高程序运行效率和减少运行时的错误。

预编译的目的主要有以下几点:

  • 预处理:在预编译阶段,程序中的预处理指令会被执行,例如宏定义、条件编译等。预处理能够提高代码的可读性和可维护性,也有利于代码的重用和移植性。
  • 编译:在编译阶段,源代码会被编译器翻译成机器代码。编译的过程中会检查语法错误,优化代码结构,生成目标文件等。通过预编译,可以提前发现和修复代码中的错误,减少运行时出错的可能性。
  • 链接:在链接阶段,将编译生成的目标文件链接在一起,生成可执行文件。预编译可以帮助程序更好地管理各个文件之间的依赖关系,减少不必要的重复工作,提高程序执行效率。

编译的作用 :提高程序的效率和稳定性 ,减少程序在运行过程中可能出现的错误,并提高程序的可维护性可扩展性

作用域

作用域是函数身上的属性 [[scope]] (给js引擎访问的,我们拿不到 -- 隐式属性 ),用于存储函数中的有效标识符

作用域链

作用域是执行期上下文对象的集合,这种集合呈链式连接,我们把这种链关系称之为作用域链。

  • GO (Global Object):函数执行上下文对象;
  • AO (Activation Object):全局执行上下文对象;(可访问GO)

代码

ini 复制代码
function a() {
   function b(){
    var b = 22; 
    console.log(a);
   };
   var a = 111;
   b();
  
};

var glob = 100;
a();

作用域链

分析

全局定义了函数a和global,形成如图GO,此时a[[scope]]的0指向GO,函数a内定义了函数b和a,形成如图AO,此时a[[scope]]的0指向自己的AO,1指向GO,函数b定义了b,形成如图AO,b[[scope]]的0指向自己的AO,1指向a[[scope]]。

声明提升

  • 变量声明,声明提升(上一篇文章提到过)
  • 函数声明,整体提升
ini 复制代码
test();
function test() {
    var a = 123;
    console.log(a);
}

上述代码相当于:

scss 复制代码
// 函数声明提升
function test() {
    var a = 123;
    console.log(a);
}
test();

预编译的分析(重点!)

定义

  • 发生在全局:
  1. 创建GO对象
  2. 找变量声明,将变量名作为GO的属性名,值为undefined
  3. 在全局找函数声明,将函数名作为GO的属性名,值为该函数体
  • 发生在函数体内:
  1. 创建一个AO对象
  2. 找形参和变量声明,将形参和变量名作为AO的属性名,值为undefined
  3. 形参和实参统一
  4. 在函数体内找函数声明,将函数名作为AO的属性名,值为该函数体

步骤

全局预编译-->GO-->执行,碰见函数-->函数预编译-->AO-->执行函数

实例一

代码

ini 复制代码
var a = 1;
function fn(a) {
    var a = 2;
    function a() {};
    console.log(a);
}

fn(3);

分析

  • 首先进行全局预编译-->GO
  1. GO:{ }
  2. GO:{ a:undefined }
  3. GO:{ a:undefined , fn:function(a){ var a = 2; function a() {}; console.log(a); }
  • 执行
  1. GO:{ }
  2. GO:{ a:1 }
  3. GO:{ a:undefined , fn:function(a){ var a = 2; function a() {}; console.log(a); }
  • 碰见函数,进行函数预编译-->AO
  1. AO:{ }
  2. AO:{ a:undefined;(这里是a:undefined;(形参)a:undefined;(变量)) }
  3. AO:{ a:3(fn(3)), }
  4. AO:{ a:function(){}, (a:3;a:function(){};最后得出的结果) }
  • 执行函数

    AO:{ a:2, }

实例二

代码

javascript 复制代码
function fn() {
    console.log(a);//function a(){}
    var a = 123;
    console.log(a);//123
    function a() {};
    console.log(a);//123
    var b = function(){};
    console.log(b);//function b(){}
    function c(){};
    var c = a;
    console.log(c);//123
}

fn(1);

分析

css 复制代码
GO:{
    fn:function fn(){}
}

AO:{
    a:undefined-->undefined-->1-->function a(){},  -->123,
    b:undefined,  -->function b(){},
    c:undefined-->function c(){},  -->123

实例三

代码

javascript 复制代码
function test(a, b) {
    console.log(a);//1
    c = 0
    var c;
    a = 3
    b = 2
    console.log(b);//2
    function b() {}
    console.log(b);//2
  }
  test(1)

分析

css 复制代码
GO:{
    test:function
}

AO:{
    a:undefined-->1,  -->3
    b:undefined-->undefined-->function b(){},  -->2
    c:undefined, -->0
    
}
相关推荐
m0_751336391 小时前
突破性进展:超短等离子体脉冲实现单电子量子干涉,为飞行量子比特奠定基础
人工智能·深度学习·量子计算·材料科学·光子器件·光子学·无线电电子
有Li4 小时前
通过具有一致性嵌入的大语言模型实现端到端乳腺癌放射治疗计划制定|文献速递-最新论文分享
论文阅读·深度学习·分类·医学生
张较瘦_8 小时前
[论文阅读] 人工智能 | 深度学习系统崩溃恢复新方案:DaiFu框架的原位修复技术
论文阅读·人工智能·深度学习
cver1238 小时前
野生动物检测数据集介绍-5,138张图片 野生动物保护监测 智能狩猎相机系统 生态研究与调查
人工智能·pytorch·深度学习·目标检测·计算机视觉·目标跟踪
学技术的大胜嗷8 小时前
离线迁移 Conda 环境到 Windows 服务器:用 conda-pack 摆脱硬路径限制
人工智能·深度学习·yolo·目标检测·机器学习
Akttt11 小时前
【T2I】R&B: REGION AND BOUNDARY AWARE ZERO-SHOT GROUNDED TEXT-TO-IMAGE GENERATION
人工智能·深度学习·计算机视觉·text2img
点我头像干啥13 小时前
用 PyTorch 构建液态神经网络(LNN):下一代动态深度学习模型
pytorch·深度学习·神经网络
小白狮ww13 小时前
VASP 教程:VASP 机器学习力场微调
人工智能·深度学习·机器学习
呆头鹅AI工作室14 小时前
[2025CVPR]SEEN-DA:基于语义熵引导的领域感知注意力机制
人工智能·深度学习·机器学习
西柚小萌新15 小时前
【深度学习:进阶篇】--4.3.seq2seq与Attention机制
人工智能·深度学习