1. prototype
每个函数都有一个prototype属性,被称为显示原型
function Person(age) {
this.age = age
}
Person.prototype.name = 'kavin'
var person1 = new Person()
var person2 = new Person()
console.log(person1.name) //kavin
console.log(person2.name) //kavin
2._ proto _
每个实例对象都会有_ proto _属性,其被称为隐式原型
每一个实例对象的隐式原型_ proto _属性指向自身构造函数的显式原型prototype
function Person() {
}
var person = new Person();
console.log(person.__proto__ === Person.prototype); // true
3. constructor
每个prototype原型都有一个constructor属性,指向它关联的构造函数。
function Person() {
}
console.log(Person===Person.prototype.constructor) //true
function Person() {
}
var person = new Person();
console.log(person.__proto__ == Person.prototype) // true
console.log(Person.prototype.constructor == Person) // true
// 顺便学习一个ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person) === Person.prototype) // true
4. 原型链
获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查不到,就去找原型的原型,一直找到最顶层(Object.prototype)为止。Object.prototype对象也有__proto__属性值为null。
这里需要注意的是Object是属于原型链的顶层,所有构造函数的的prototype都指向 Object.prototype
console.log(Object.prototype.__proto__ === null) // true