MDN学习笔记---原型链

学习目标:
1、理解JS对象原型
2、原型链如何工作
3、如何向prototype属性添加新方法

1、理解对象原型
每个对象都有一个原型对象(prototype),可以通过Object.getPrototypeOf()或者已弃用的__proto__属性获得,__proto__属性是通过构造函数的prototype属性派生的.
对象的原型与构造函数prototype属性的区别:前者在每个实例对象里都有,后者只存在构造函数里,是构造函数的属性。
每个函数都有一个特殊的属性叫做原型(prototype),实例化对象里的__proto__属性就是实例化该对象的函数的prototype

2、原型链如何工作
当访问一个对象的某个属性时,浏览器会先查找该对象是否有这个属性,如果没有,会查找该对象的__proto__(也就是实例化该对象的函数的prototype)中是否有这个属性,如果有,将会使用__proto__中的这个属性,否则就会继续往下查找(__proto__中的__proto__),一级一级往下,直到构造函数(默认情况下,所有函数的原型属性的__proto__就是window.Object.prototype),所以假如一直到在window.Object.prototype中都无法找到该属性(即整条原型链上都没找到),浏览器就会返回undefined

调用方法时也是如此MDN学习笔记---原型链_第1张图片
3、如何向prototype属性添加新方法
向构造器中的prototype属性添加方法

https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/Object_prototypes

你可能感兴趣的:(学习笔记)