原型与原型链

之前学的原型与原型链好像记忆不清楚了,复习一下
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的隐式原型链一直查找

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值