我有以下代码。为什么三个对象都引用同一个数组，而字符串变量是独立的？如何在不显式添加的情况下修复它:function B(){this.arr = [];}
function A(){
this.text = "";
this.arr = [];
this.action = function(){
this.text+="z";
this.arr.push(1);
}
this.test = function(){
console.log(this.text+"|"+this.arr);
}
}
function B(){
}
B.prototype = new A();
B.prototype.constructor = B;
var B1 = new B();
var B2 = new B();
var B3 = new B();
B1.action();
B2.action();
B3.action();
B1.test(); //z|1,1,1
B2.test(); //z|1,1,1
B3.test(); //z|1,1,1
一个解释是:
原型(prototype)是对象之间的事件链。因为 B 的原型(prototype)是 A 的单调实例，所以数组 prop 是通过引用传递的。这意味着对于每个 B 实例，我们都可以访问原型(prototype)上的相同 A 实例。起初这听起来可能令人困惑，但这就是 JavaScript 中原型(prototype)的魔力。
这是原型(prototype)继承的警告。原型(prototype)上的任何内容都将传递给每个实例。为了维护属性的不同实例，我们在构造函数中初始化对象的属性。
在 JS 中使用对象(如数组)时，它们通过引用传递。
为了使用 JS 的原型(prototype)系统，我建议这样:
function A(){
this.text = "";
this.action = function(){
this.text+="z";
this.arr.push(1);
}
this.test = function(){
console.log(this.text+"|"+this.arr);
}
}
function B(){
this.arr = [];
}
B.prototype = new A();
这样我们就重用了“父”的方法，并在我们的“子”中有了一个本地化的数组。乍一看，这可能看起来像是一个经典的 OOP 继承案例，但它有点不同。
如果你想阅读更多关于 JS 原型(prototype)的内容，我推荐这个 article
希望这对您有所帮助。