0

可能重复：
在 Javascript 中使用“原型”与“这个”？
使用原型与直接在构造函数中定义方法的优势？

我正在学习 Javascript 中的原型。我不太明白的一件事是为什么我应该使用CONSTRUCTOR_FN.prototype.METHOD_NAME约定添加一个函数，而不仅仅是this.METHOD_NAME在CONSTRUCTOR?

我写了这个小代码来澄清：

function Cat ( name ) {
    this._name = name;
    this.say = function ( thing ) {
        alert( this._name + " says: '" + thing + "'" );
    }
}

function Dog ( name ) {
    this._name = name;
}
Dog.prototype.say = function ( thing ) {
    alert( this._name + " says: '" + thing + "'" );
}

var c = new Cat( "Mitt");
var d = new Dog( "Barak" );
c.say( "War" );
d.say( "No war" );

据我所见，构造函数Cat和Dog构造函数的工作方式相同。如果我从这个问题中理解正确，唯一的区别是当你向原型添加一些东西时，来自该构造函数的所有对象都会拥有它。还有其他原因吗？

4

2 回答 2

4

其实是的，还是有区别的。当您通过原型添加方法或属性时，您可以确保此方法/属性只会创建一次，并且它们将包含在原型对象中。但是，如果您只是将您的方法添加到一个函数中，那么这些方法将与您的类的每个新实例一起被克隆。假设您的班级中有 10 个对象实例。如果您使用原型，则所有这 10 个实例只有一种方法。如果您将方法添加到函数对象本身，您将有 10 个方法副本。

于 2012-10-12T12:54:08.230 回答
1

如果构造函数是由其他人编写的（例如，您下载的库），您可能无法在不修改原始代码的情况下访问构造函数来更改它。使用原型也被认为是更好的风格。

于 2012-10-12T12:55:23.363 回答