LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

Javascript中的“域”、“预”、“译”,你真的掌握了吗?

freeflydom
2024年5月29日 10:21 本文热度 256

一、作用域的概念

1、作用域有三种:全局作用域、函数作用域、块级作用域。(模块作用域)

(1)全局作用域:这时最高级别的作用域,在这定义的函数以及变量可以在代码的所有地方被访问。在浏览器的环境中,全局变量实际是window对象的属性。例如:

var a = 123 

function foo(){}

//在全局中定义了变量a 函数foo()


(2)函数作用域(局部作用域):在每个函数内部声明的变量(未使用const、let关键字)、function声明的函数,这些对象具有局部作用域,它们只可以在函数内部访问。例如:

function foo(){

    var a;

    function add(){}

}


(3)块级作用域:这个作用域是在ES6引入了let和const关键字,避免因var声明的变量的变量提升(接下来会进行解释)现象,导致的让人匪夷所思的行为。这个作用域可以简单的理解为:{} + let/const例如:

if(...){

    let a = 6;

    const b = 6

}

while(...){

    let a = 6;

    const b =6

}

for(){

    let a = 6;

    const b =6;

}

function foo(){

    let a = 6;

    const b =6;

}


注:(1) 以上作用域所指的是全局、函数体、块的域,而词法作用域则是变量声明的地方,注意不是调用的地方。例如:我们的寝室是一个域,则该域的词法作用域就是这一栋寝室楼。

(2)欺骗词法作用域:

eval:可以让原本不属于这里的代码,变得好像天生被定义了在这一样。

 function foo(a,str){

    eval(str) //相当于var b = 2;

    console.log(a,b)

}

foo(1,'var b = 2')


whit(){} 当修改对象中不存在的属性时,这个属性会被定义在全局,变为全局变量,造成数据泄露。

function foo(obj){

    with(obj){

        a = 2

    }

}

var o2= {

    b :1

}

foo(o2)

console.log(a) //输出a = 2,此时的a为全局变量


2、声明提升的概念与示例

概念:在变量声明和函数声明在代码执行前被提升,或者说移到,其包含的作用域的顶部的过程,发生在JS的编译阶段,导致了变量和函数可以在被声明之前就被访问。

console.log(a); //变量a只是声明被提示,输出undefined

var a = 6;


//编译器会将代码整理为

//var a;

//console.log(a);

//a = 6;


即使函数foo()在调用之后声明,但由于声明提升,他在执行开始时,就可以使用了,因此能正常输出。

foo();

function foo(){

    console.log('你好')

}


二、“预备与编译”--预编译的概念

1、预编译发生在代码被执行之前,是JS引擎对代码的预处理,保证了变量和函数在使用之前已经被正确的设置。

2、全局预编译:

(1)创建全局执行上下文GO(Global Object)。

(2)寻找变量声明,变量名作为GO的属性名,值为undefined。

(3)在全局找函数声明,函数名作为GO的属性名,值为函数体

画图实例:

 

3、函数中的预编译

(1)创建函数的执行上下文对象AO(Activation Object)。

(2)找到形参和变量声明,将形参和变量声明作为AO的属性名,值为undefined。

(3)将实参和形参统一

(4)在函数体内找到函数声明,将函数名作为AO的属性名,值为函数体。

画图实例:

注: 以上的执行上下文是被放在一个栈内,AO对象被放在变量环境中。在执行上下文中除了变量环境外,还有一个词法环境,用于let const 声明的变量的存储,这保证了它们可以遵守块级作用域的规则,处于临时死区,直到声明被执行才可被访问。这个栈叫做调用栈

画图实例:


作者:Sane
链接:https://juejin.cn/post/7372577541112561676
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。



该文章在 2024/5/29 10:44:20 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved