JavaScript中变量的存储方式

基本原理

在js中变量包括5中基本类型以及一个复杂数据类型Object，当然常用的函数和数组都是对象。对于基本类型和复杂类型，对应着两种不同的存储方式–栈存储和堆存储。为什么要实现两种存储方式的理由很简单，就是基本类型一旦初始化则内存大小固定，访问变量就是访问变量的内存上实际的数据，称之为按值访问。而对象类型说不定什么时候就会增加自身的大小，内存大小不固定。比如动态添加对象的属性、动态增加数组的大小等等都会使变量大小增加，无法在栈中维护。所以js就把对象类型的变量放到堆中，让解释器为其按需分配内存，而通过对象的引用指针对其进行访问，因为对象在堆中的内存地址大小是固定的，因此可以将内存地址保存在栈内存的引用中。这种方式称之为按引用访问。 嗯，理解这一点很重要，在以后的编程中可以避免很多问题。 我们来看下如下的代码：

var a = 'I am a string.'; //a,b,c的变量中保存的都是实际的值，因为他们是基本类型的变量
var b = 1010;
var c = false;
var d = a; //d中保存着和“a值一样的副本，它们互不影响”
a = 'I am different from d';
alert(d); //

以上代码很好理解，就是说按值访问的变量复制“你的就是你的，我的就是我的，咱们都有副本，互不影响。”而对于按引用访问则稍有不同：

var e = {
name : 'I am an object',
setName : function(name){
this.name = name;
}
};
var f = e; //赋值操作，实际上的结果是e,f都是指向那个对象的引用指针
f.setName('I am different from e,I am object f.');
alert(e.name); //对f进行操作，e的值也改变了！

对于引用类型的赋值，说白了，就是把那个对象的指针复制了过去，两个指针指向的都是同一个实体对象，不存在副本，原本的对象还是只有一个！好。