对应名称
- prototype: 原型
所有原型构成了一个原型链,这个链条我们称之为原型链;
每个函数都有一个原型prototype,称之为显示原型 - proto:原型链
每一个实例对象都有一个_prototy_,称之为隐式原型;
每一个实例对象的的隐式原型_proto_属性指向自身构造函数的显示原型prototype - constructor:构造函数
每一个prototype原型都有一个constructor属性,指向他关联的构造函数;
从属关系
- prototype:函数的一个属性:对象{}
- proto:对象Object的一个属性:对象{}
对象的_proto_保存着该对象的构造函数的prototype - 当访问一个对象的某个属性时,会现在这个对象本身的属性里面查找,如果没有找到会在他的_proto_隐式原型上查找(对应他的构造函数的prototype),如果还没有找到会继续在他的构造函数的prototype的_proto_中查找,这样一层一层向上查找形成一个链式结构,称之为原型链。
function Fn(){
this.name = 'Camille';
}
console.log(Fn.prototype);
Fn.prototype.age = 23;
let test = new Fn()
console.log(test.__proto__);
console.log(Fn._proto_ === test.prototype); //true
// Fn的_proto_指向其构造函数的prototype
理论:
-
什么是原型?
在js中,每当定义一个函数数据类型(Object、Function、Arrry、Date等)的时候都会自带一个prototype对象,这个对象就是我们说的原型。原型又分为显示原型和隐式原型
显示原型是函数里面的prototype属性,每个prototype原型都有一个constructor属性,指向它关联的构造函数。
隐式原型是实例化对象里面的__proto__属性,__proto__属性指向自身构造函数的显示原型prototype属性 -
什么是原型链
每一个实例化对象都有一个__proto__属性,而这个__proto__属性指向构造函数的原型对象,
原型对象上也有一个__proto__属性,就这样一层一层往上找,直到找到object.phototype,就这样查找的过程就叫原型链 -
proto prototype constructor的三角关系
函数在声明时会生成一个对象prototype 该对象中有一个constructor指向构造函数本身 当构造函数实例化后,在实例化对象中会生成一个对象叫__proto__指向构造函数的prototype