Question

我试图在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');
}

Answer 1

此代码：

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

在调用Consultant构造函数时（即，在创建Consultant实例时）调用Employee构造函数。如果Employee构造函数正在进行任何类型的初始化，那么在创建Consultant“subtype”时调用它是很重要的。

此代码：

Consultant.prototype.constructor = Consultant.create;

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

你的问题没有问，但仅仅是因为我认为你可能希望而不是这一行与create function，是这样的：

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;

理解Javascript构造函数：自定义创建方法

1 个答案: