JavaScript变量和内存(参数按值传递解惑)

来源:互联网 发布:java.swing包 编辑:程序博客网 时间:2024/05/17 03:47

JavaScript变量包含两种不同类型的变量值:基本类型和引用类型!
基本类型:
保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置。


引用类型:
变量中实际保存只是一个指向保存对象的一个指针;


将一个值赋给变量的时候,解析器必须确定这个值是基本类型值,还是引用类型值。基本类型值:Undefinded , Null, Boolean,
Number, String.这些类型在内存中分别占有固定大小的空间,他们的值保存在栈空间,通过按值访问的。
如果赋值是引用类型的,则必须在内存中为这个值分配空间,由于这种值的大小不固定,因此不能保存在栈内存中,但内存地址大小是固定的,所以可以把内存地址保存在栈内存中,这样,当查询引用类型的变量时,先从栈中读取内存地址,然后通过地址找到堆中的值,这种叫做按引用访问。


引用值的大小会改变,所以不能把它放在栈中,否则会降低变量查寻的速度。相反,放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的,所以把它存储在栈中对变量性能无任何负面影响。

在ECMAScript中是不允许直接访问保存在堆内存中的对象的,所以在访问一个对象时,首先得到的是这个对象在堆内存中的地址,然后再按照这个地址去获得这个对象中的值,这就是按引用访问。而原始类型的值则是可以直接访问到的。

这里写图片描述


var box = new Object();  //var box = {};box.name = 'lee';alert(box.name);var box = 'Lee'; //基本类型值,是字符串box.age = 29;alert(box.age);//不是引用类型,无法输出,结果为undefined

复制变量值
复制变量值这方面,基本类型和引用类型不同,基本类型复制的是值本身,而引用类型复制的是地址

var box = 'Lee';//栈内存生成一个box ‘Lee’var box2 = box;//栈内存再生成一个box2 ‘Lee’//box2虽然是box的一个副本,但是,两者完全独立,这两个变量分开操作互不影响//只是把变量里的值传递给参数,之后参数和这个变量互不影响

这里写图片描述


var box = new Object();box.name = 'lee';var box2 = box;//复制的是地址box2.name = 'guoyu';alert(box.name);//guoyu

这里写图片描述


传递参数

JavaScript中所有函数的参数都是按值传递的,参数不会按引用传递,

function box(num) {    num += 10;    return num;}//num这里是按值传递,传到box()里,又是一个全新的副本,跟原来的实参没关系var num = 50;alert(box(num));//60alert(num);//50//假设是按照引用传递,那么函数里的num会成为类似全局变量,最后原件num也是60了

JS没有按引用传参的功能,不能把传递引用类型的参数当做按引用传参
JS没有按引用传参的功能,不能把传递引用类型的参数当做按引用传参
JS没有按引用传参的功能,不能把传递引用类型的参数当做按引用传参

function box(obj) {//传递一个引用类型参数,但不是按照引用传递,是按值传递    obj.name = 'Lee';}var obj = new Object();box(obj);alert(obj.name);//Lee//奇怪,为什么能打印出Lee?

其实传的是对象的地址,这个地址也是一个值啊,js只按值传递,这里的值是地址,地址也是个值,(不是对象本身的值),但是我们可以通过地址的值来操作真实的对象。参考C++指针,多个地址指向同一块内存, *p1 , *p2等都可以操作这块内存。

再看一个例子

function setName(obj) {    obj.name = 'aaa';    var obj = new Object(); // 如果是按引用传递的,此处传参进来obj应该被重新引用新的内存单元    obj.name = 'ccc';    return obj;}var person = new Object();person.name = 'bbb';var newPerson = setName(person);console.log(person.name + ' | ' + newPerson.name); // aaa | ccc
function Box() {    var obj = new Object();    obj.name = 'guoyu';    return obj;}var b = Box();alert(b.name);//guoyu//类似工厂模式
var a = {    num:'1'};var b = {    num:'2'};function change(obj){    obj.num = '3';    obj = b;    return obj.num;}var result = change(a);console.log(result + ' | ' + a.num); // 2 | 3 

在网上还看到一种叫 按共享传递 的说法,而且特别好理解。
大致概念是这样的:调用函数传参时,函数接受对象实参引用的副本(既不是按值传递的对象副本,也不是按引用传递的隐式引用)。
它和按引用传递的不同在于:在共享传递中对函数形参的赋值,不会影响实参的值。
切记:地址也是值,参数是对象时,JS是按照地址值传递的,也就是将对象的实际地址复制一份给形参,形参也指向了实际的对象,你怎么操作形参(地址),并不影响原先的地址。

阅读全文
0 0