Question

最近我开始学习JavaScript中的面向对象编程。我所理解的是，在引用变量时，我们实际上并未引用它们的实际值，而是引用内存中的位置。这就是为什么那些“返回此”方法应该复制实例的原因不起作用。

所以，示例代码：

//An example object with a simple property and
//failing "copy" function.
function MyObject()
{
    this.myProperty = 123;
    this.copy = function() { return this; };
}

var iOne = new MyObject();
var iTwo = iOne.copy();
iTwo.myProperty = 321;

现在iOne和iTwo的“myProperty”属性等于321，因为“copy”方法返回了一个引用，而不是一个值。这种行为是可以预期的，一切都很好。

现在，我尝试使用本机对象类型Number进行相同操作。让我们以更加面向对象的程序员友好的方式创建它的实例：

var iOne = new Number(123);
var iTwo = iOne; //Equals "iTwo = iOne.copy()", except there isn't a copy method

iOne = 321;

现在，发生了一件可怕的事。 iOne等于321，但iTwo保持其值，仍然等于123。

我不知道这是由什么造成的。也许Number是某种“特殊”？也许与之相关的十进制数不仅仅是一个属性？或者也许它应该让没有经验的程序员的生活变得更容易？最后一个选项与运营商有关。如果有人对此有所了解，请不要让我理解JavaScript的方式崩溃。

Answer 1

对象，数组和字符串通过引用（而非副本）分配。所有其他类型在分配时都是有效的副本（例如，它们创建的新变量与旧变量无关）。

字符串是一种特殊情况，因为它们是不可变的，因此当您更改字符串时，它总是会创建一个新字符串，因此即使前一个赋值是引用，它的行为也更像是复制它。

勘定：

iOne = 321;

用简单的原始数字类型替换iOne的值，因此它对任何其他变量都没有影响。

Answer 2

var iOne = new Number(123);
var iTwo = iOne; //Equals "iTwo = iOne.copy()", except there isn't a copy method

iOne = 321;

您正在覆盖iOne变量所持有的对象引用，并使用不同的原始数字。

对象作为引用保留，但它们不是可以直接取消引用的指针，因此您无法替换该内存位置中保存的数据。你只能改变它（如果对象是可变的）。

具体来说，Number对象包装器不可变，或者至少它所拥有的原始值不能被替换。您只能替换整个对象。

Answer 3

iOne = 321;

此代码执行了预期的操作，您将321分配给变量iOne，覆盖了它最初引用的内容。

Answer 4

“本机类型”与Javascript中的对象之间的行为没有真正的区别（除了本机类型是不可变的）。

在你的第二个例子中，你只是简单地改变了iOne指向的变量，为什么要改变另一个独立的iTwo变量所指向的？

在第一种情况下，你有两个指向同一个对象的变量，如果你使用一个变量来改变对象，你也可以使用另一个变量来观察变化（显然......它指向同一个对象）

在Javascript中，您可以想象一切都始终通过引用而从不通过值（复制）。如果你想复制一些你需要明确的东西...对于数组，你可以使用x.slice()制作x的浅表副本;对于对象，没有用于执行相同操作的原始函数，因此您必须调用构造函数。

一个常见的OOP模式是拥有一个成员函数.clone()，它返回一个副本，因此需要副本的人不需要知道如何制作每个类的副本。

function P2d(x, y) {
    this.x = x;
    this.y = y;
}

P2d.prototype.clone = function() {
    return new P2d(this.x, this.y);
}

Javascript的原型模型的另一种可能性在某些情况下可能很有用，就是创建一个单独的对象，它看起来像一个浅的副本，可以在不影响原始的情况下进行变异，而是在引用原始对象时读：

function fakeCopy(x) {
    function f() { }
    f.prototype = x;
    return new f;
}

p = new P2d(10, 20);
q = fakeCopy(p);
console.log(q.x); // Displays 10
q.y = 30;
console.log(q.y); // Displays 30
console.log(p.y); // Displays 20 -- original not changed
p.x = 99;
console.log(q.x); // Displays 99 (!)

这是因为Javascript对象具有在访问成员进行阅读时搜索的“原型链”。 q被创建为一个以p为原型的空对象，因此在查找属性（用于阅读）时，如果在{{1}内找不到某些内容，它将在p内搜索}}。但是在编写时，将在q内设置一个属性，不会影响q，并且从那时起将返回p中存在的值，而不是必须在原型链中上升。

由本机对象引起的奇怪行为是什么？

4 个答案: