原型—对象原型—原型链

本文介绍了JavaScript中原型的概念,包括原型对象的作用、如何定义和使用构造函数的prototype,以及对象原型(__proto__)的作用和查找规则。重点讲解了constructor属性和原型链的原理。
摘要由CSDN通过智能技术生成

1、原型

        1) 原型,即一个构造函数都有一个prototype属性,指向另一个对象,也称原型对象

        2) 这个对象可以挂载函数,对象实例化不会多次创建原型上函数,节约内存

        3) 我们可以把那些不变的方法,直接定义在prototype对象上,这样所有对象的实例就可以共享这些方法

        4) 构造函数和原型对象中的this都指向实例化对象

        constructor属性

        该属性指向该原型对象的构造函数

        每个原型对象里面都有个constructor属性(构造函数)

        如果有多个对象方法,可以给原型对象采取形式赋值,但也会覆盖构造函数原型对象原来的内容,使原型对象constructor就不再指向当前构造函数了,此时可以添加一个constructor指向原来的构造函数

function Star(){
    
}
Star.prototype = {
    //利用constructor,指回 Star构造函数
    constructor: Star,
    Sing: function () { console.log('唱歌')},
    dance: function () { console.log('跳舞')},
}

console.log(Star.prototype.constructor)

        对象原型

        __proto__是JS非标准属性

        浏览器里面显示[[prototype]]和__proto__意义相同

        对象都会有一个属性__proto__指向构造函数的prototype原型对象,之所以我们对象可以使用构造函数prototype原型对象的属性和方法,就是因为对象有__proto__原型的存在

        __proto__对象原型里面也有一个constructor属性,指向创建该实例对象的构造函数

       

        原型链-查找规则

        只要有对象就有__proto__指向原型对象只要是原型对象就有constructor指向创造我的构造函数

        ①当访问一个对象的属性(包括方法)时,首先查找这个对象自身有没有该属性。
        ② 如果没有就查找它的原型(也就是 proto指向的 prototype 原型对象)
        ③ 如果还没有就查找上一层的原型对象依此类推一直找到 Object为止 (null)
        ④_proto 对象原型的意义就在于为对象成员查找机制提供一个方向,或者说一条路线
        

        

        

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值