javascript执行上下文、变量对象实例分析

VO的一个属性，这个属性由一个函数对象(function-object)的名称和值组成；如果变量对象已经存在相同名称的属性，则完全替换这个属性。

VO的一个属性，这个属性由一个形式参数的名称和值组成；如果没有对应传递实际参数，那么这个属性就由形式参数的名称和undefined值组成；

VO = {
// context data (var, FD, function arguments)
}

当我们声明一个变量或一个函数的时候，同时还用变量的名称和值在VO里创建了一个新的属性。
例如：

var m = 30;
function test(a,b) {
var c = 20
function d() {}
var e = function _e() {};
}
test(10)

当进入“test”函数的上下文时(传递参数10)，AO如下：

AO(test) = {
a: 10,
b: undefined,
c: undefined,
d: <reference to FunctionDeclaration "d">
e: undefined
};

test执行到最后时，对应此刻上下文堆栈：

ECStack = [
globalContext: {
VO: {
m: 30,
test:
}
},
test functionContext: {
VO: {
a: 10,
b: undefined,
c: 20,
d: <reference to FunctionDeclaration "d">,
e: <reference to FunctionDeclaration "_e">
}
}
]

关于变量

通常，各类文章和JavaScript相关的书籍都声称：“不管是使用var关键字(在全局上下文)还是不使用var关键字(在任何地方)，都可以声明一个变量”。请记住，这绝对是谣传：任何时候，变量只能通过使用var关键字才能声明。

让我们通过下面的实例看看具体的区别吧：

alert(a); // undefined
alert(b); // "b" is not defined

b = 10;
var a = 20;

所有根源仍然是VO和它的修改阶段(进入上下文阶段和执行代码阶段)：

VO = {
a: undefined
};

我们可以看到，因为“b”不是一个变量，所以在这个阶段根本就没有“b”，“b”将只在执行代码阶段才会出现(但是在我们这个例子里，还没有到那就已经出错了)。

让我们改变一下例子代码：

alert(a); // undefined, we know why

b = 10;
alert(b); // 10, created at code execution

var a = 20;
alert(a); // 20, modified at code execution

关于变量，还有一个重要的知识点。变量相对于简单属性来说，变量有一个特性(attribute)：{DontDelete},这个特性的含义就是不同通过delete操作符直接删除变量属性。

a = 10;
alert(window.a); // 10

alert(delete a); // true

alert(window.a); // undefined

var b = 20;
alert(window.b); // 20

alert(delete b); // false

alert(window.b); // still 20

2018-8-2-再看执行上下文、变量对象

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

• JavaScript ECMA-262-3 深入解析（一）：执行上下文实例分析
• 一篇文章弄懂javascript中的执行栈与执行上下文
• 简单了解JavaScript中的执行上下文和堆栈
• 深入探讨JavaScript的最基本部分之执行上下文
• 对于Javascript 执行上下文的全面了解
• JS ES6中setTimeout函数的执行上下文示例
• 浅析JavaScript作用域链、执行上下文与闭包
• js bind 函数 使用闭包保存执行上下文
• JavaScript ECMA-262-3 深入解析（二）：变量对象实例详解
• 深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
• 深入理解JavaScript系列(12) 变量对象（Variable Object）