『原型、原型链』【JavaScript基础专题】

对应名称

  1. prototype: 原型
    所有原型构成了一个原型链,这个链条我们称之为原型链;
    每个函数都有一个原型prototype,称之为显示原型
  2. proto:原型链
    每一个实例对象都有一个_prototy_,称之为隐式原型;
    每一个实例对象的的隐式原型_proto_属性指向自身构造函数的显示原型prototype
  3. constructor:构造函数
    每一个prototype原型都有一个constructor属性,指向他关联的构造函数;

从属关系

  1. prototype:函数的一个属性:对象{}
  2. proto:对象Object的一个属性:对象{}
    对象的_proto_保存着该对象的构造函数的prototype
  3. 当访问一个对象的某个属性时,会现在这个对象本身的属性里面查找,如果没有找到会在他的_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

理论:

  1. 什么是原型?
    在js中,每当定义一个函数数据类型(Object、Function、Arrry、Date等)的时候都会自带一个prototype对象,这个对象就是我们说的原型。原型又分为显示原型和隐式原型
    显示原型是函数里面的prototype属性,每个prototype原型都有一个constructor属性,指向它关联的构造函数。
    隐式原型是实例化对象里面的__proto__属性,__proto__属性指向自身构造函数的显示原型prototype属性

  2. 什么是原型链
    每一个实例化对象都有一个__proto__属性,而这个__proto__属性指向构造函数的原型对象,
    原型对象上也有一个__proto__属性,就这样一层一层往上找,直到找到object.phototype,就这样查找的过程就叫原型链

  3. proto prototype constructor的三角关系
    函数在声明时会生成一个对象prototype 该对象中有一个constructor指向构造函数本身 当构造函数实例化后,在实例化对象中会生成一个对象叫__proto__指向构造函数的prototype

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值