JavaScript继承原型

Question

当我们可以在每个子函数中使用this调用构造函数方法直接继承父属性时，为什么我们需要为继承设置原型对象?

function Employee() {
  this.name = "";
  this.dept = "general";
}
function Manager() {
  Employee.call(this);
  this.reports = [];
}
Manager.prototype = Object.create(Employee.prototype);

即使不将Manager的原型设置为Employee，也可以使用继承。

Answer 1

通常原型是用来放置函数/方法的，而不是属性，因为有了属性，你将有一个单一的属性值在所有对象实例之间共享。此外，如果在构造函数中添加方法，则可能不需要为继承设置原型。例如:

function Employee(name) {
  this.name = "";
  this.dept = "general";
  this.reportName = function() {return this.name};
}
function Manager(name) {
  Employee.call(this, name);
  this.reports = [];
}
var manager = new Manager('Peter');
manager.reportName(); // Peter

然而，在对象的构造函数中添加方法/函数是低效的，因为每次调用构造函数都会创建一个函数的实例。通常，所有的方法，而不是属性，都像这样在原型上分配:

function Employee(name) {
  this.name = "";
  this.dept = "general";
}
Employee.prototype.reportName = function() {return this.name};

现在，在这种情况下，仅仅调用构造函数是不够的:

function Manager(name) {
  Employee.call(this, name);
  this.reports = [];
}
var manager = new Manager('Peter');
manager.reportName(); // throws an error

你需要设置一个原型:

Manager.prototype = Object.create(Employee.prototype)
var manager = new Manager('Peter');
manager.reportName(); // 'Peter'