JavaScript变量和内存（参数按值传递解惑）

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));//60
alert(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是按照地址值传递的，也就是将对象的实际地址复制一份给形参，形参也指向了实际的对象，你怎么操作形参（地址），并不影响原先的地址。