JavaScript权威指南（第6版） --- 自学笔记（11） --- 不可变原始值和可变的对象引用

js的原始值（undefined、null、布尔值、数字、字符串）和对象（包括数组和函数）有根本区别：
原始值是不可更改的，任何方法都无法更改一个原始值，对数字和布尔值很明显，改变数字的值本身说不通；
字符串看起来像由组成的数组，我们希望通过指定索引来修改字符串中的字符，但js禁止这样做，字符串中的所有方法，看上去是返回了一个修改后的字符串，实际上返回的是一个新的字符串值。

var str = "hello world";
console.log("str.toUpperCase() 返回的结果是：" + str.toUpperCase()); // str.toUpperCase() 返回的结果是：HELLO WORLD
console.log("str.toUpperCase() 执行以后，str的值是：" + str); // str.toUpperCase() 执行以后，str的值是：hello world
可以看到，str值并没有改变，而是返回了新的字符串。

原始值的比较，是值的比较，只有他们在值相等时才相等。

对象和原始值不同：
（1）对象是可变的，他们的值时可以修改的。

var obj = { x:1 }; // 定义了一个对象，该对象有一个属性x，并且属性x的值时1
obj.x = 2; // 修改属性x的值，从而改变了对象
obj.y = 3; // 为对象增加新的属性，改变了对象
console.log(obj); // {x: 2, y: 3}

var arr = [1,2,3]; // 定义了一个数组，并且为其赋值[1,2,3]
arr[0] = 5; // 修改数组的第一个元素
arr[arr.length] = 10; // 为数组添加新的元素
console.log(arr);  // (4) [5, 2, 3, 10]

（2）对象的比较并非值的比较：即使两个对象包含相同的属性，相同的值，他们也是不相等的。数组的各个索引元素相同，两个数组也不相等。

var obj1 = { x:1 };
var obj2 = { x:1 };
console.log(obj1 == obj2); // false
console.log(obj1 === obj2); // false 两个单独的对象永不相等

var arr1 = [1,2,3];
var arr2 = [1,2,3];
console.log(arr1 == arr2); // false
console.log(arr1 === arr2); // false 两个单独的数组永不相等

我们通常将对象称为引用类型（reference type），对象的值都是引用，对象的比较均是引用的比较，当且仅当他们引用同一个基对象时，他们才相等。

var obj1 = { x:1 };
var obj2 = obj1;
obj2.x = 10;
obj2.y = 20;
console.log(obj1 == obj2); // true
console.log(obj1 === obj2); // true
console.log(obj1.x); // 10
console.log(obj1.y); // 20

var arr1 = [1,2,3];
var arr2 = arr1;
arr2[0] = 5;
console.log(arr1 == arr2); // true
console.log(arr1 === arr2); // true
console.log(arr1[0]); // 5

从上面代码可以看到：将对象或数组赋值给一个变量，仅仅是赋值的引用值，对象本身并没有被复制一次，如果你想得到一个对象或者数组的副本，则必须显示的复制对象的每个属性或者数组的每个元素。

var obj1 = { x:1 };
var obj2 = {};
for(var key in obj1) {
    obj2[key] = obj1[key];
}
console.log(obj1); // {x: 1}
console.log(obj2); // {x: 1}
console.log(obj1 == obj2); // false

var arr1 = [1,2,3];
var arr2 = [];
for(var i = 0, j = arr1.length; i < j; i++) {
    arr2[i] = arr1[i];
}
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [1, 2, 3]
console.log(arr1 == arr2); // false

（3）如果我们要比较两个单独对象或者数组是否相等，我们就必须比较他们的属性或者元素。
         看下面示例：以数组举例，对象比较思路是一样的

var arr1 = [1,2,3];
var arr2 = [];
console.log(equalArray(arr1, arr2));
arr2 = [1,2,3];
console.log(equalArray(arr1, arr2));

function equalArray(a, b) {
    if(isNull(a) && isNull(b)) return true;
    if((isNull(a) && !isNull(b)) || (!isNull(a) && isNull(b))) return false;
    if(a.length != b.length) return false;

    for(var i = 0, j = a.length; i < j; i++) {
        if(a[i] != b[i])
            return false; 
    }
    return true;
}

function isNull(obj) {
    return obj == null || typeof(obj) == "undefined";
}