js 执行上下文，作用域，变量内存管理

JS中变量的定义在内存中包括三个部分：
* 　　变量标示　　（变量标示存储在内存的栈区）
* 　　变量值　　（比如上面中的Str的值souvenir或者是obj1对象的指向堆区地址，这个值也是存储在栈区）
* 对象　　（对象存储在堆区）
　　也就是说，对于基本数据类型来说，只使用了内存的栈区。

执行上下文堆栈

三种作用域
全局作用域、函数作用域、eval作用域(不常用，不做介绍)。

JavaScript中的运行环境大概包括三种情况。

当javascript代码文件被浏览器载入后，首先进行上下文环境的准备工作。会将全局的执行上下文压入执行上下文栈的底部。

当在全局上下文中调用执行一个函数时，程序流就进入该被调用函数内，此时引擎就会为该函数创建一个新的执行上下文，并且将其压入到执行上下文栈。栈顶永远都是当前正在执行的上下文，执行完毕后该上下文就会从栈顶被弹出，直到回到全局的上下文。全局上下文在浏览器窗口关闭后出栈。

注意：函数中，遇到return能直接终止可执行代码的执行，因此会直接将当前上下文弹出栈。

函数作用域中this的是在JS运行时才能确定，而全局作用域中的this在准备上下文环境的时候就确定了(window)。

执行上下文的建立过程

建立阶段：

建立variableObject对象: i. 为函数的参数和arguments对象赋值。建立arguments对象，检查当前上下文中的参数，建立该对象下的属性以及属性值 ii. 检查当前函数声明和变量。将函数名和变量名作为variableObject的一个属性存入，属性值都设为undefined。为函数声明直接赋值字符串
初始化作用域链 ○ 确定上下文中this的指向对象

执行阶段:
○ 执行函数体中的代码，一行一行地运行代码，给variableObject中的变量属性赋值。

通俗的讲，执行上下文准备工作就是在执行代码前，把将要用到的所有的变量都事先拿出来，有的直接赋值了，有的先用undefined占个空。

//将全局变量的值设为undefined
console.log(a); //undefined
var a = 1;

//将window对象赋给this
console.log(this);

//将函数表达式的值设为undefined
console.log(fn1);//undefined
var fn1 = function(){
//……
}

//为函数声明直接赋值
console.log(fn2); //输出函数的代码
function fn2(){
//……
}

//函数作用域
function fn3(b,c){
//确定自由变量的作用域
console.log(a);

//为局部变量赋上undefined
console.log(x);//undefined
var x = 123;

//为函数的参数赋值
console.log(b,c); //2,3

//为arguments赋值
console.log(arguments); //[2,3]

}

fn3(2,3);

最后编辑于：2018.01.05 10:27:23