javascript 变量作用域以及内存

学习要点：
1.变量及作用域
2.内存问题
JavaScript的变量与其他语言的变量有很大区别。JavaScript变量是松散型的(不强制类型)本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在定义某个变量必须要保存何种数据类型值的规则，变量的值及其数据类型可以在脚本的生命周期内改变。

一．变量及作用域
1.基本类型和引用类型的值
ECMAScript变量可能包含两种不同的数据类型的值：基本类型值和引用类型值。基本类型值指的是那些保存在栈内存中的简单数据段，即这种值完全保存在内存中的一个位置。而引用类型值则是指那些保存在堆内存中的对象，意思是变量中保存的实际上只是一个指针，这个指针指向内存中的另一个位置，该位置保存对象。
将一个值赋给变量时，解析器必须确定这个值是基本类型值，还是引用类型值。基本类型值有以下几种：Undefined、Null、Boolean、Number和String。这些类型在内存中分别占有固定大小的空间，他们的值保存在栈空间，我们通过按值来访问的。
PS：在某些语言中，字符串以对象的形式来表示，因此被认为是引用类型。ECMAScript放弃这一传统。
如果赋值的是引用类型的值，则必须在堆内存中为这个值分配空间。由于这种值的大小不固定，因此不能把它们保存到栈内存中。但内存地址大小的固定的，因此可以将内存地址保存在栈内存中。这样，当查询引用类型的变量时，先从栈中读取内存地址，然后再通过地址找到堆中的值。对于这种，我们把它叫做按引用访问。

2.动态属性
定义基本类型值和引用类型值的方式是相似的：创建一个变量并为该变量赋值。但是，当这个值保存到变量中以后，对不同类型值可以执行的操作则大相径庭。

var box = new Object();						//创建引用类型
box.name = 'Lee';							//新增一个属性
alert(box.name);							//输出

var box = 'Lee';							//创建一个基本类型
box.age = 27;								//给基本类型添加属性
alert(box.age);								//undefined	

var box = 'Lee';							//在栈内存生成一个box 'Lee'
var box2 = box;							//在栈内存再生成一个box2 'Lee'

var box = new Object();						//创建一个引用类型
box.name = 'Lee';							//新增一个属性
var box2 = box;							//把引用地址赋值给box2

function box(num) {						//按值传递，传递的参数是基本类型
	num += 10;							//这里的num是局部变量，全局无效
	return num;
}
var num = 50;
var result = box(num);
alert(result);								//60
alert(num);								//50

function box(obj) {							//按值传递，传递的参数是引用类型	
	obj.name = 'Lee';
}

var p = new Object();
box(p);
alert(p.name);

function box(obj) {
	obj.name = 'Lee';
	var obj = new Object();					//函数内部又创建了一个对象
	obj.name = 'Mr.';						//并没有替换掉原来的obj
}

var box = 'Lee';
alert(typeof box);							//string

var box = [1,2,3];
alert(box instanceof Array);					//是否是数组
var box2 = {};
alert(box2 instanceof Object);					//是否是对象
var box3 = /g/;
alert(box3 instanceof RegExp);				//是否是正则表达式
var box4 = new String('Lee');
alert(box4 instanceof String);					//是否是字符串对象

var box = 'blue';							//声明一个全局变量
function setBox() {
	alert(box);							//全局变量可以在函数里访问
}
setBox();									//执行函数

全局的变量和函数，都是window对象的属性和方法。
var box = 'blue';
function setBox() {
	alert(window.box);						//全局变量即window的属性
}
window.setBox();							//全局函数即window的方法

var box = 'blue';
function setBox() {
	var box = 'red';						//这里是局部变量，出来就不认识了
	alert(box);
}
setBox();
alert(box);

var box = 'blue';
function setBox(box) {						//通过传参，替换了全局变量
	alert(box);
}
setBox('red');
alert(box);

var box = 'blue';
function setBox() {
	function setColor() {
var b = 'orange';
		alert(box);
alert(b);
	}
	setColor();							//setColor()的执行环境在setBox()内
}
setBox();

if (true) {									//if语句代码块没有局部作用域
	var box = 'Lee';
}
alert(box);

for循环语句也是如此
for (var i = 0; i < 10; i ++) {					//没有局部作用域
	var box = 'Lee';
}
alert(i);
alert(box);

var关键字在函数里的区别
function box(num1, num2) {
	var sum = num1 + num2;				//如果去掉var就是全局变量了
	return sum;
}
alert(box(10,10));
alert(sum);								//报错

var box = 'blue';
function getBox() {
	return box;							//代表全局box
}										//如果加上函数体内加上var box = 'red'
alert(getBox());							//那么最后返回值就是red

 

var o = {
	name : 'Lee'
};
o = null;									//解除对象引用，等待垃圾收集器回收