一文彻底搞懂原型链

function Person() {}// 说明：name,age,job这些本不应该放在原型上，只是为了说明属性查找机制Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function() {  console.log(this.name); };let person1 = new Person()let person2 = new Person()
// 声明之后，构造函数就有了一个与之关联的原型对象console.log(Object.prototype.toString.call(Person.prototype)) // [object Object]console.log(Person.prototype) // {constructor: ƒ}
// 构造函数有一个 prototype 属性引用其原型对象，而这个原型对象也有一个constructor 属性，引用这个构造函数// 换句话说，两者循环引用console.log(Person.prototype.constructor === Person); // true
// 构造函数、原型对象和实例是 3 个完全不同的对象console.log(person1 !== Person); // true console.log(person1 !== Person.prototype); // true console.log(Person.prototype !== Person); // true
// 实例通过__proto__链接到原型对象，它实际上指向隐藏特性[[Prototype]] // 构造函数通过 prototype 属性链接到原型对象，实例与构造函数没有直接联系，与原型对象有直接联系，后面将会画图再次说明这个问题console.log(person1.__proto__ === Person.prototype); // true conosle.log(person1.__proto__.constructor === Person); // true
// 同一个构造函数创建的两个实例，共享同一个原型对象 console.log(person1.__proto__ === person2.__proto__); // true
// Object.getPrototypeOf()，返回参数的内部特性[[Prototype]]的值 ，用于获取原型对象，兼容性更好console.log(Object.getPrototypeOf(person1) == Person.prototype); // true复制代码

function SuperType() {  this.property = true;}SuperType.prototype.getSuperValue = function () {  return this.property;};function SubType() {  this.subproperty = false;}// 继承 SuperType SubType.prototype = new SuperType();SubType.prototype.getSubValue = function () {  return this.subproperty;};let instance = new SubType();console.log(instance.getSuperValue()); // true复制代码

function simulateNew() {  let newObject = null,result = null,    constructor = Array.prototype.shift.call(arguments)  // 参数判断  if (typeof constructor !== 'function') {    console.error('type error')    return  }  // 新建一个空对象，对象的原型为构造函数的 prototype 对象  newObject = Object.create(constructor.prototype)  // 将 this 指向新建对象，并执行函数  result = constructor.apply(newObject, arguments)  // 判断返回对象  const flag =    result && (typeof result === 'object' || typeof result === 'function')  // 判断返回结果  return flag ? result : newObject}
/**  测试如下  */function Person(name) {  this.name = name}
const p1 = new Person("p1")const p2 = simulateNew(Person, 'p2')
console.log("p1",p1, p1 instanceof Person);console.log('p2', p2, p2 instanceof Person)复制代码

function instanceOf(leftVaule, rightVaule) {  let rightProto = rightVaule.prototype; // 取右表达式的 prototype 值  leftVaule = leftVaule.__proto__; // 取左表达式的__proto__值  while (true) {    if (leftVaule === null) {      return false;    }    if (leftVaule === rightProto) {      return true;    }    leftVaule = leftVaule.__proto__  }}复制代码