JavaScript深入之变量对象

来源:http://www.sh-fengwen.com 作者:瘦身美容 人气:65 发布时间:2019-11-19
摘要:JavaScript 深入之变量对象 2017/05/13 · JavaScript·变量对象 原文出处: 冴羽    已离开简书,原因参见http://www.jianshu.com/p/0f12350a6b66。 前言 在上篇《JavaScript深入之执行上下文栈》中讲到,

JavaScript 深入之变量对象

2017/05/13 · JavaScript · 变量对象

原文出处: 冴羽   

已离开简书,原因参见 http://www.jianshu.com/p/0f12350a6b66。

前言

在上篇《JavaScript深入之执行上下文栈》中讲到,当JavaScript代码执行一段可执行代码(executable code)时,会创建对应的执行上下文(execution context)。

对于每个执行上下文,都有三个重要属性:

  • 变量对象(Variable object,VO)
  • 作用域链(Scope chain)
  • this

今天重点讲讲创建变量对象的过程。

变量对象是与执行上下文相关的数据作用域,存储了在上下文中定义的变量和函数声明。

因为不同执行上下文下的变量对象稍有不同,所以我们来聊聊全局上下文下的变量对象和函数上下文下的变量对象。

虽人微言轻,但也要有自己的态度。

全局上下文

我们先了解一个概念,叫全局对象。在W3C school中也有介绍:

全局对象是预定义的对象,作为 JavaScript 的全局函数和全局属性的占位符。通过使用全局对象,可以访问所有其他所有预定义的对象、函数和属性。

在顶层 JavaScript 代码中,可以用关键字 this 引用全局对象。因为全局对象是作用域链的头,这意味着所有非限定性的变量和函数名都会作为该对象的属性来查询。

例如,当JavaScript 代码引用 parseInt() 函数时,它引用的是全局对象的 parseInt 属性。全局对象是作用域链的头,还意味着在顶层 JavaScript 代码中声明的所有变量都将成为全局对象的属性。

如果看的不是很懂的话,容我再来介绍下全局对象:

1.可以通过this引用,在客户端JavaScript中,全局对象就是Window对象。

console.log(this);

1
console.log(this);

2.全局对象是由Object构造函数实例化的一个对象。

console.log(this instanceof Object);

1
console.log(this instanceof Object);

3.预定义了一堆,嗯,一大堆函数和属性。

// 都能生效 console.log(Math.random()); console.log(this.Math.random());

1
2
3
// 都能生效
console.log(Math.random());
console.log(this.Math.random());

4.作为全局变量的宿主。

var a = 1; console.log(this.a);

1
2
var a = 1;
console.log(this.a);

5.客户端JavaScript中,全局对象有window属性指向自身。

var a = 1; console.log(window.a); this.window.b = 2; console.log(this.b)

1
2
3
4
5
var a = 1;
console.log(window.a);
 
this.window.b = 2;
console.log(this.b)

花了一个大篇幅介绍全局对象,其实就想说:

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

文章可以在我的 Github https://github.com/mqyqingfeng/Blog 查看

函数上下文

在函数上下文中,我们用活动对象(activation object, AO)来表示变量对象。

活动对象是在进入函数上下文时刻被创建的,它通过函数的arguments属性初始化。arguments属性值是Arguments对象。

执行过程

执行上下文的代码会分成两个阶段进行处理:分析和执行,我们也可以叫做:

  1. 进入执行上下文
  2. 代码执行

本文由美高梅游戏平台网站发布于瘦身美容,转载请注明出处:JavaScript深入之变量对象

关键词:

最火资讯