原型/原型链

每个函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象。这个对象包含特定类型的所有实例的属性和方法。也就是,prototype是通过调用构造函数而创建的那个对象实例的原型对象使用原型对象,可以让所有对象实例共享它所包含的属性和方法。

理解原型对象

  • 只要创建了一个函数,该函数就会拥有一个prototype属性,指向该函数的原型对象。默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性是一个指向prototype所在函数的指针。
  • 创建了自定义构造函数后,其原型对象默认只会取得constructor属性;其他方法都从Object继承而来。当构造函数创建一个新实例后,该实例内部有一个指针指向构造函数的原型对象。(浏览器中使用__proto__来获取实例的原型对象)。
    在这里插入图片描述
  • 原型对象检测
    • isPrototypeOf(arg):参数的[[prototype]]如果指向调用isPrototypeOf方法的对象,返回true。
    • Object.getPrototypeOf(arg):返回参数的原型对象。
    • 实例上的属性和方法会屏蔽掉原型上的同名属性和方法(搜索时先在实例上查找,没有则到实例的原型对象上查找),如果想访问原型上的,则需要调用delete删输掉实例上同名的属性或方法。
  • 属性相关
    • hasOwnProperty(arg):检测一个属性存在于实例中还是原型中(方法从Object继承来)。存在于实例中返回true。
    • in(arg):可单独使用(‘name’ in person1)或者在for-in中使用。检测是否有这个属性,无论存在于实例还是原型中,有则返回true。
    • for-in:使用for-in循环,返回的是能通过对象访问,可枚举的属性(实例~原型中)。屏蔽了原型中不可枚举属性的实例属性也会被返回(比如原型的a属性为不可枚举,实例中有a,实例的a可被返回)。其返回数序为:先遍历出整数属性(按照升序),然后其他属性按照创建时候的顺序遍历出来,所以最好不要用在依赖对象属性顺序的逻辑判断上。
    • IE中for-in的bug:在IE8及更早,屏蔽了不可枚举属性的实例属性不会出现在for-in循环中。(如上例的实例的name,不会被返回)。
    • Object.keys(arg):获取对象上(不包括原型对象上的,MDN的Polyfill使用hasOwnProperty来过滤原型上的属性)所有可枚举的实例属性。
    • Object.getOwnPropertyNames(arg):获取所有实例属性,无论是否可枚举。(不获取原型对象上属性)

理解原型链

构造函数A的原型对象是另一个构造函数B的实例,构造函数B的原型对象是构造函数C的实例,类推,当构造函数A的实例a访问一个自己没有的属性name,则会向上找其原型对象b(构造函数B的实例),当b也没有时继续向上寻找c(构造函数C的实例),如此向上寻找,直到某个原型对象有name属性。这条寻找链称为原型链。

构造函数关系

在这里插入图片描述
所有函数默认原型都是Object实例
在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值