JavaScript 变量值类型&内存分配&参数传递

JavaScript 变量包含两种不同类型的值，分别为基本类型值（primitive values）和引用类型值（reference values）。primitive values 指primitive type值，在JavaScript 中 primitive type 包括 Undefined , Null , Boolean , Number , String  五种类型。reference values 指 Object 类型的值。

        JavaScript 对两种值类型的处理是不同的。把一个primitive values 赋值给变量时，primitive type 数据的长度是固定的，因此在创建primitive type值时，直接在stack中分配内存。在变量中直接存储的是 data value；然而当把一个 reference values 赋值给变量时，因为 Object 类型数据的长度是动态变化的，所以在实例化对象时是在 heap 中分配内存的。在变量中存储的是对象在 heap 中的pointer。下面的图展示了两种值类型的内存分配情况：

 

           

在 JavaScript 中 function 参数传递采用value传递方式。看下面的例子：

function setName(obj){ obj.name = ‘wlg’; } var person = new Object(); person.name = ‘ytu’; setName(person); alert(person.name) // 显示 wlg function setName(obj){ obj.name = ‘wlg’; } var person = new Object(); person.name = ‘ytu’; setName(person); alert(person.name) // 显示 wlg

       看了上面的例子。有的同学可能说，在JavaScript中对象类型的变量，参数传递采用的是reference传递的方式，因为函数setName中参数obj与global variable person指向同一个对象。obj与person指向同一个对象是正确的，但认为采用的是reference 传递方式是错误的。再看一个例子：  

function setAge(obj){ obj.age = 12; obj = new Object(); obj.age = 15; } var person = new Object(); person.age = 13; setAge(person); alert(person.age); //显示 12 function setAge(obj){ obj.age = 12; obj = new Object(); obj.age = 15; } var person = new Object(); person.age = 13; setAge(person); alert(person.age); //显示 12          

如果参数传递采用的是reference方式，那么执行setName（person）后，person应该指向函数setName中创建的新对象，alert（person.age）显示的应该为15。然而执行结果显示的是12，person并没有指向新对象。

      在JavaScript中参数的传递采用值传递的方式，拿第二个例子来说，首先声明一个person变量并创建对象（取名为对象1）对其进行赋值。此时person的value 为对象1在内存heap中的pointer 。调用function setName，将person作为参数传入function。JavaScript进行参数的值传递，person中的value 复制给function的参数obj ，此时obj 的value为对象1在heap中的pointer。obj 与person无任何关联。因为obj与person中的value均为对象1的pointer，所以双方修改读取的为同一个对象，同一段内存。在setName中创建新对象（对象2）并赋值给obj，此时obj的value 为对象2的pointer。person的value没有发生变化，仍然为对象1的pointer，所以最后alert（person.age）显示12。

      因此JavaScript中参数采用值传递的方式。