之前学的原型与原型链好像记忆不清楚了,复习一下
1.任何函数都有prototype属性,它默认指向一个object空对象(原型对象)
2.原型对象中有constructor,它指向函数对象
1.每个函数function都有一个prototype,就是显示原型
2.每个实例对象都有一个_proto_属性,称为隐式原型
对象中_proto_属性,在创建时自动添加的,默认是构造函数的prototype属性值
function Fn(){
// 1.内部语句 this.prototype = {}
}
var fn = new Fn();
// 2.内部语句 this.__proto__ = Fn.proyotype
console.log(Fn.prototype);
console.log(fn.__proto__);
// 3.对象隐式原型的值为其对应构造函数显示原型的值
console.log(Fn.prototype === fn.__proto__);
函数在定义时就创建了prototype属性,在创建对象时创建_proto_属性
在Fn的实例对象中并没有test方法,那么会访问 隐式原型 中的地址找到原型对象,可以通过实例调用原型的方法
function Fun() {
}
console.log(Fun.prototype); // 默认指向一个object空对象(没有我们的属性)
var fn = new Fn();
console.log(Fn.prototype);
console.log(fn.__proto__);
console.log(Fn.prototype === fn.__proto__);
给原型对象添加方法test()是给实例对象使用,李立超老师的图
当在Fn的原型对象中添加test()方式后,由于fn是Fn的实例对象,当fn.test()方式时,在本身属性查找不到时,会根据隐式原型_proto_去查找方法
根本原因是因为 实例对象的隐式原型属性是等于构造函数的显示原型值
1.原型链(隐式原型链)
作用:查找对象属性(方法)
实例对象 构造函数 原型对象之间的关系
在访问对象属性时,现在自身属性查找
再沿着_proto_这条链查找,找到返回
如果没找到,返回undefined! 一直要找到Object原型对象才结束
let obj = new Object() Object函数也是一个构造函数
function Fn(){
this.test1 = function(){
console.log('test1()');
}
};
Fn.prototype.test2 = function(){
console.log('test2()')
}
var fn = new Fn();
fn.test1()
fn.test2()
在图中实例对象,也是Object函数构造出来的,内置Object函数具有prototype属性,那么Object函数中有toString()方法,所以fn.toString()可以调用成功,因为可以根据隐式原型链查找。
instanceof 是用来测试左边是否是右边的实例
console.log(Object.prototype instanceof Object);//false
console.log(Function.__proto__===Function.prototype)//true
console.log(Object.prototype._proto_); //null
1.函数显示原型指向的对象,默认是空的Object实例对象 Object函数除外
2.所有函数都是Function的实例对象(包括Function)
3.Object的原型对象是原型链的尽头
上图解释下面的原因:
console.log(Object instanceof Function) //true
console.log(Object instanceof Object) //true
console.log(Function instanceof Function) //true
console.log(Function instanceof Object);//true
1.Object函数是Function函数实例,Object函数可以根据隐式原型链找到Function的prototype即显示原型
2.因为function的显示原型对象是 Object函数的实例
3.因为Function = new Function
4.根据Object的显示原型对象 是否等于Fucntion的隐式原型链一直查找