什么是原型?
1.每一个javascript对象(除null外)创建的时候,就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。
2.如下示例:
Ⅰ. prototype
每个函数都有一个prototype属性,被称为显示原型
Ⅱ._ _proto_ _
-
每个实例对象都会有
_ _proto_ _
属性,其被称为隐式原型 -
每一个实例对象的隐式原型
_ _proto_ _
属性指向自身构造函数的显式原型prototype - 显示原型(prototype):每一个函数在创建之后,便会拥有一个prototype属性,这个属性指向函数的原型对象。显示原型的作用是用来实现基于原型的继承与属性的共享
Ⅲ. constructor
- 每个prototype原型都有一个constructor属性,指向它关联的构造函数本身
Ⅳ. 原型链
- 原型链指得是一个实例使用一个方法或者属性的时候,如果自己有就用自己的,如果没有就从__proto__里找,没有就再从__proto__找,直到找到object,Object.prototype对象也有__proto__属性值为null。
让我们用一张图表示构造函数和实例原型之间的关系:
//构造函数
let Person = function(name,age){
this.name = name;
this.age = age
}
//所有实例共享的方法
Person.prototype.say = function(sth){
console.log(sth)
}
//创建构造函数的实例对象
let xiaoming = new Person('xiaoming',12);
console.log(xiaoming.name) //'xiaoming'
console.log(xiaoming.age) //12
xiaoming.say('我是xiaoming') //'我是xiaoming'
console.log(xiaoming) // Person {name: "xiaoming", age: 12}
原型链
xiaoming.__proto__ === Person.prototype; //true
Person.prototype.__proto__ === Object.prototype //true
普通函数是Function这个构造函数的一个实例。
Function.prototype === Function.__proto__