摘要：學習原型與繼承的時候，經(jīng)常會碰到，現(xiàn)在來揭開神秘面紗描述所有對象都會從它的原型上繼承一個屬性繼承中的用于設置原型重新分配原始構造函數(shù)現(xiàn)在不手動重置構造函數(shù)用于設置原型重新分配原始構造函數(shù)可以看到除了的不同，重置不重置原始構造函數(shù)對我們的繼承

描述：所有對象都會從它的原型上繼承一個 constructor 屬性

var o = new Object;
o.constructor === Object; // true

var a = [];
a.constructor === Array; // true

var a = new Array;
a.constructor === Array // true

var n = new Number(3);
n.constructor === Number; // true

繼承中的constructor

function Person (name, age) {
  this.name = name,
  this.age = age
}
Person.prototype.setAge = function () {
  console.log("111")
}
function Student (name, age, price) {
  Person.call(this, name, age)
  this.price = price
  this.setScore = function () { }
}
Student.prototype = Object.create(Person.prototype)//用于設置原型
Student.prototype.constructor = Student//重新分配原始構造函數(shù)
var s1 = new Student("Tom", 20, 15000)
console.log(s1 instanceof Student, s1 instanceof Person) // true true
s1.setAge() // 111
console.log(s1)  
console.log(s1.constructor) //Student

現(xiàn)在不手動重置構造函數(shù)

function Person (name, age) {
  this.name = name,
  this.age = age
}
Person.prototype.setAge = function () {
  console.log("111")
}
function Student (name, age, price) {
  Person.call(this, name, age)
  this.price = price
  this.setScore = function () { }
}
Student.prototype = Object.create(Person.prototype)//用于設置原型
// Student.prototype.constructor = Student//重新分配原始構造函數(shù)
var s1 = new Student("Tom", 20, 15000)
console.log(s1 instanceof Student, s1 instanceof Person) // true true
s1.setAge() // 111
console.log(s1)  
console.log(s1.constructor) // Person

可以看到除了s1的constructor不同，重置不重置原始構造函數(shù)對我們的繼承沒有影響。

結論就是：constructor是用于識別對象是由哪個構造函數(shù)初始化的,對繼承沒影響
可以看這篇文章：JS constructor探討（一）:為什么要設置prototype.constructor？

But！！ 什么情況下要手動重置構造函數(shù)？？？ 那就是你要調用constructor()的時候！！！此時constructor的指向就會產(chǎn)生影響

來一個MDN上的列子：

function Parent() {};
function CreatedConstructor() {}

CreatedConstructor.prototype = Object.create(Parent.prototype);

CreatedConstructor.prototype.create = function create() {
  return new this.constructor();
}

new CreatedConstructor().create().create(); 

為什么報錯，因為CreatedConstructor.prototype.constructor為Parent，所以new CreatedConstructor().create()的結果是Parent{}這個對象，這個對象沒有create方法，所以報錯了

解決辦法：

function Parent() {}; 
function CreatedConstructor() {} 

CreatedConstructor.prototype = Object.create(Parent.prototype); 
CreatedConstructor.prototype.constructor = CreatedConstructor; // set right constructor for further using

CreatedConstructor.prototype.create = function create() { 
  return new this.constructor();
} 

new CreatedConstructor().create().create(); // it"s pretty fine

這時候需要重置CreatedConstructor的構造函數(shù)，使constructor重新指向自己

參考文章：JS constructor探討（一）:為什么要設置prototype.constructor？
Object?.prototype?.constructor