JS模拟面向对象全解（二、类型与赋值）

类型赋值类似变量传递的问题。 基本数据类型不必说，传值的。 代码如下: var a=5; var b=a; b=3; alert(a);//提示5 alert(b);//提示3 由此观之，发现改变b不会改变a，因为都是变量的值在来回传递，和变量本身没有关系。 对象类型，传址的。 代码如下: var a=new Object(); a.x=5; var b=a; b.x=3; alert(a.x);//提示3 alert(b.x);//提示3 这样，由于传址，所以b即是a，a即是b，互相改变。 如若还不清楚，再举个例子： 代码如下: var a=new Object(); a.x=5; JavaScript是一种动态类型的语言，它的类型赋值机制分为两种情况：基本数据类型和对象类型。在JavaScript中，有五种基本数据类型：Undefined、Null、Boolean、Number和String，以及一种对象类型：Object。 当我们处理基本数据类型时，赋值操作会创建原始值的一个副本。例如： ```javascript var a = 5; var b = a; b = 3; ``` 在这个例子中，`a` 和 `b` 是独立的，互不影响。改变 `b` 的值不会影响到 `a`，因为它们各自保存的是数值的副本。 然而，对于对象类型，赋值操作不是复制对象，而是传递对象的引用。这意味着，当一个变量赋值为另一个对象变量时，它们都指向内存中的同一个对象实例。例如： ```javascript var a = new Object(); a.x = 5; var b = a; b.x = 3; ``` 在这里，`a` 和 `b` 都指向同一个对象，因此改变 `b.x` 的值也会改变 `a.x`，因为它们都引用同一个对象。 如果对象的属性是基本数据类型，那么属性之间的赋值行为就像基本数据类型一样，传递的是值。但是，如果属性是对象类型，赋值操作就会涉及到对象引用的传递。例如： ```javascript var a = new Object(); a.x = new Object(); a.x.n = 5; var b = a.x; b.n = 3; ``` 这里，`a.x` 和 `b` 指向同一个对象，所以改变 `b.n` 会影响 `a.x.n`。 为了实现对象的深拷贝，即创建一个新对象，其属性值与原对象相同但不共享引用，我们可以使用一个名为 `DeepCopy` 的函数，如下所示： ```javascript function DeepCopy(destination, source) { for (var property in source) { var copy = source[property]; if (destination === copy) continue; if (typeof copy === "object") { destination[property] = DeepCopy(destination[property] || {}, copy); } else { destination[property] = copy; } } return destination; } ``` 通过这个函数，我们可以创建一个新的对象 `b`，它拥有与 `a` 相同的属性值，但不共享引用： ```javascript var a = new Object(); a.x = 5; a.y = 3; var b = new Object(); DeepCopy(b, a); ``` 要模拟基本数据类型的“传址”效果，我们可以使用Array对象，因为Array本质上是对象类型，赋值时传递的是引用： ```javascript function change(a) { a[0] = 5; alert(a); // 提示5 } var x = [3]; alert(x); // 提示3 change(x); alert(x); // 提示5 ``` 在这个例子中，`x` 是一个数组，它的赋值行为类似于对象类型，因此可以通过修改数组元素来模拟“传址”。 总结来说，JavaScript中的赋值操作对于基本数据类型是值的拷贝，而对于对象类型则是引用的传递。理解这一点对编写JavaScript代码至关重要，因为它会影响到数据的修改和操作。通过深拷贝函数和Array对象，我们可以根据需要控制对象的复制行为，从而实现不同的效果。