在JavaScript中使用构造函数创建类时,是否可以在以后重新定义类的方法?
示例:
function Person(name)
{
this.name = name;
this.sayHello = function() {
alert('Hello, ' + this.name);
};
};
var p = new Person("Bob");
p.sayHello(); // Hello, Bob
现在我想像这样重新定义sayHello
:
// This doesn't work (creates a static method)
Person.sayHello() = function() {
alert('Hola, ' + this.name);
};
因此,当我创建另一个Person
时,将调用新的sayHello
方法:
var p2 = new Person("Sue");
p2.sayHello(); // Hola, Sue
p.sayHello(); // Hello, Bob
编辑:
我意识到我可以向sayHello
发送一个像“Hello”或“Hola”这样的参数来完成不同的输出。我也意识到我可以像这样简单地为p2分配一个新函数:
p2.sayHello = function() { alert('Hola, ' + this.name); };
我只是想知道我是否可以重新定义类的方法,因此Person
的新实例将使用新的sayHello
方法。
答案 0 :(得分:8)
要为p2设置不同的功能,您只需设置p2的sayHello
属性:
p2.sayHello = function(){
alert('another one');
}
p2.sayHello();
如果您使用原型,那么您也可以为所有Person实例更改它(并且仍然可以为特定人员覆盖它):
function Person(name)
{
this.name = name;
};
Person.prototype.sayHello = function() {
alert('Hello, ' + this.name);
};
var p = new Person("Bob");
// let's set a specific one for p2
p2.sayHello = function(){
alert('another one');
}
// now let's redefine for all persons (apart p2 which will keep his specific one)
Person.prototype.sayHello = function(){
alert('different!');
}
p.sayHello(); // different!
p2.sayHello(); // another one
答案 1 :(得分:8)
以后可以重新定义类的方法吗?
是。但是,您不能将新函数分配给Person
构造函数的属性,而是分配给实例本身:
var p2 = new Person("Sue");
p2.sayHello(); // Hello, Sue
p2.sayHello = function() {
alert('Hola, ' + this.name);
};
p2.sayHello(); // Hola, Sue
如果你想自动为所有新实例执行此操作(并且没有使用该方法的原型,你可以像@ dystroy的答案那样轻松交换),你需要decorate构造函数:< / p>
Person = (function (original) {
function Person() {
original.apply(this, arguments); // apply constructor
this.sayHello = function() { // overwrite method
alert('Hola, ' + this.name);
};
}
Person.prototype = original.prototype; // reset prototype
Person.prototype.constructor = Person; // fix constructor property
return Person;
})(Person);