js 原型对象和原型链理解

参考链接 https://www.jb51.net/article/105090.htm

1、原型对象的用途是为每个实例对象存储共享的方法和属性，它仅仅是一个普通对象而已。并且所有的实例是共享同一个原型对象，因此有别于实例方法或属性，原型对象仅有一份。

每个对象都有一个__proto__属性，指向它的prototype对象，每个函数都有一个prototype属性（js中万物皆对象，函数也是对象，是function Funtion(){}的实例），指向他的prototype对象。这个prototype对象包含两个属性，一个是__proto__属性再次指向当前对象的prototype对象,一个是constructor属性指向当前对象的构造函数。这样每个对象沿着prototype属性向上查找，最后Object.prototype.__proto__为null

一张经典图

function Person(name,age,gender) {
this.name=name;
this.age=age;
this.gender=gender;
this.say=function () {
    alert(this.name)
  }
}
var person1=new Person('钟女士',80,'女');
var person2=new Person('张女士',80,'女');
console.log(person2)  //{name: "张女士", age: 80, gender: "女", say: ƒ}
console.log(person1)  // {name: "钟女士", age: 80, gender: "女", say: ƒ}


每个对象都有一个__proto__属性，指向它的prototype对象，每个函数都有一个prototype属性（js中万物皆对象，函数也是对象，是function Funtion(){}的实例），指向他的prototype对象
Person.prototype == person1.__proto__    //true

prototype对象包含两个属性，一个是constructor属性指向当前对象的构造函数
Person.prototype.constructor == Person  //true


Person.__proto__.__proto__    //Object

Person.prototype.constructor
/*
ƒ Person(name,age,gender) {
this.name=name;
this.age=age;
this.gender=gender;
this.say=function () {
    alert(this.name)
  }
}
*/

Person.prototype.__proto__ === person1.__proto__.__proto__   //true
Person.prototype.prototype    //undefined
Person.prototype.__proto__.__proto__    //null
Person.prototype.__proto__.constructor   //ƒ Object() { [native code] }