1

我试图更好地理解 Javascript 中的 OOP。有人可以解释在下面的示例中如何使用 create 方法和替代方法吗?我在网上查过它并查看了关于 SO 的几篇文章,但仍然没有牢牢掌握下面代码中发生的事情。我提供了评论来说明我的理解。请纠正我哪里错了。

此示例用于覆盖基类中的方法:

// Defines an Employee Class
function Employee() {}

// Adds a PayEmployee method to Employee
Employee.prototype.PayEmployee = function() {
    alert('Hi there!');
}

// Defines a Consultant Class and
// Invokes the Employee Class and assigns Consultant to 'this' -- not sure and not sure why
// I believe this is a way to inherit from Employee?
function Consultant() {
    Employee.call(this);
}

// Assigns the Consultant Class its own Constructor for future use -- not sure
Consultant.prototype.constructor = Consultant.create;

// Overrides the PayEmployee method for future use of Consultant Class
Consultant.prototype.PayEmployee = function() {
    alert('Pay Consultant');
}
4

1 回答 1

4

这段代码:

function Consultant() {
    Employee.call(this);
}

在调用 Consultant 构造函数时(即,在创建 Consultant 的实例时)调用 Employee 构造函数。如果 Employee 构造函数正在进行任何类型的初始化,那么在创建顾问“子类型”时调用它就很重要。

这段代码:

Consultant.prototype.constructor = Consultant.create;

有点神秘。这意味着有一个名为 create 的函数,它是 Consultant 函数对象的一个​​属性。但是,在您发布的代码示例中,没有这样的属性。实际上,这一行正在分配undefined给 Consultant 构造函数。

您的问题没有问,但仅供参考,我认为您可能想要的不是create 函数的那一行,是这样的:

Consultant.prototype = new Employee();
Consultant.prototype.constructor = Consultant;

这就是原型继承模式。这当然不是唯一或必然是最好的方法,但我喜欢它。

更新

如果 Employee 接受一个论点,你可以这样处理:

// Employee constructor
function Employee(name) {
    // Note, name might be undefined. Don't assume otherwise.
    this.name = name;
}

// Consultant constructor
function Consultant(name) {
    Employee.call(this, name);
}

// Consultant inherits all of the Employee object's methods.
Consultant.prototype = new Employee();
Consultant.prototype.constructor = Consultant;
于 2013-01-02T22:18:35.997 回答