变量提升

当js执行一段可执行代码时,会生成执行上下文,每个执行上下文都有3个重要属性:
1、变量对象
2、作用域链
3、this

变量对象
变量对象是执行上下文的数据作用域,它存储了上下文中定义的变量和函数声明。
不同的执行上下文,变量对象是不同的,可以分为全局变量对象与函数变量对象。

全局上下文
先了解一下全局对象
全局对象是一个预定义对象,是js全局函数和属性的占位符。通过全局对象可以访问任何其他预定义的对象、函数和属性。
在顶层js中,可以使用this来引用全局对象,因为全局对象是作用域的头部,因此任何非限定性的变量和函数都会作为该对象的属性来查询。
例如:当js中引用parseInt()时,调用的就是全局对象的parseInt属性, 全局对象是作用域的头,因此在js顶层作用域中定义的变量、函数都可以直接成为全局对象的属性。
例如:

1、console.log(this); 
// this可以引用全局对象,js中window对象就是全局对象

2、console.log(this instanceof Object)
// this(全局对象)是Object对象实例化出来的对象

3、
console.log(Math.random());
console.log(this.Math.random());
// 预定义的很多属性和方法都可以直接访问

4var a = 1;
console.log(this.a);
// 作为全局变量的宿主

5var a = 1;
console.log(window.a);

this.window.b = 2;
console.log(this.b);
// 客户端js中,全局对象的window属性指向自身

全局上下文中的变量对象就是全局对象

函数上下文
在函数上下文中我们用活动对象来表示变量对象。
活动对象与变量对象是一个东西,但是变量对象是规范上的,也可以说是引擎实现方面的定义,js执行环境是不能访问的,因此我们用活动对象来代替。只有当进入到一个执行上下文时,上下文的变量对象才被激活,创建活动对象,此时才能访问活动对象上的各种属性。
活动对象是在进入函数上下文时创建的,通过arguments属性初始化,属性值是Arguments对象。

执行过程
执行上下文的代码分两步,分析和执行,也可以叫做
1、进入执行上下文
2、代码执行

进入执行上下文
当进入执行上下文时,这时候还没有执行代码,

变量对象会包括:

1、函数的所有形参 (如果是函数上下文)
由名称和对应值组成的一个变量对象的属性被创建
没有实参,属性值设为 undefined

2、函数声明
由名称和对应值(函数对象(function-object))组成一个变量对象的属性被创建
如果变量对象已经存在相同名称的属性,则完全替换这个属性

3、变量声明
由名称和对应值(undefined)组成一个变量对象的属性被创建;
如果变量名称跟已经声明的形式参数或函数相同,则变量声明不会干扰已经存在的这类属性

代码执行
在代码执行阶段,会顺序执行代码,根据代码,修改变量对象的值
1、全局上下文的变量对象初始化是全局对象
2、函数上下文的变量对象初始化只包括 Arguments 对象
3、在进入执行上下文时会给变量对象添加形参、函数声明、变量声明等初始的属性值
4、在代码执行阶段,会再次修改变量对象的属性值

在执行上下文时会先处理函数声明,再处理变量声明。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值