原型与原型链

// 构造函数
function Animal (name, age) {
 this.name = name
 this.age = age
 // 添加方法
 this.call = function (){
 console.log('动物在叫')
}

像这种直接构造函数中直接 添加的方法 在每次创建实例的时候都会创建一个函数数据类型,占据一个新的存储空间

解决方法

原型: 每一个构造函数天生自带一个prototype属性;这个属性是一个对象。

每一个对象都会天生自带一个一个_ _proto_ _指向所属构造函数的实例对象

// 创建实例 cat
let cat = new Animal('一百', 3)
cat.call() // 动物在叫

那么cat的_ _ proto_ _指向Animal.prototypecat._ _ proto_ _ === Animal.prototype

当访问对象成员的时候,首先在自己身上查找,如果没有自动去到 _proto _ 上查找

实例对象的__proto__指向构造函数 prototype
Animal.prototype是Object类型,在JS中所有的Object数据类型都属于Object这个内置构造函数
Animal.prototype.proto _ === Object.prototype
注意Object.prototype在JS中叫顶级原型不存在
_proto _ 因此Object.prototype._proto _ === null
Obejct既是对象又是函数在JS中所有的函数都属于内置构造Function
Object._proto _ === Function.prototypr
Function.prototypr._proto _ === Object.prototype
Function 自己是自己的构造函数Function自己也是自己的实例
Function._proto _ === Function.prototype

原型链

定义:用__proto__串联起来的对象链状结构
作用: 为了访问对象成员
访问机制: 访问对象成员的时候现在自己身上找,如果没有回自动去__proto__上找,以此类推

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值