JavaScript原型以及原型链
2016-08-11 15:57
267 查看
原型对象的用途是为每个实例对象存储共享的方法和属性,它仅仅是一个普通对象而已。并且所有的实例是共享同一个原型对象,因此有别于实例方法或属性,原型对象仅有一份。
在访问一个对象的属性的时候,首先在当前对象中找,如果没有在其原型对象找
复用的内容放在prototype,让类的实例拥有相同的功能
小红书上的描述
每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。
原型链:
那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条。这就是所谓原型链的基本概念。
附上自己的的图解
另外附上小红书上的注解:
原型:
原型链:
在访问一个对象的属性的时候,首先在当前对象中找,如果没有在其原型对象找
复用的内容放在prototype,让类的实例拥有相同的功能
小红书上的描述
每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。
原型链:
那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条。这就是所谓原型链的基本概念。
附上自己的的图解
另外附上小红书上的注解:
原型:
原型链:
相关文章推荐
- 深入理解JavaScript系列(6) 强大的原型和原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- 深入浅出理解Javascript原型概念以及继承机制
- 深入理解JavaScript系列 ----(5):强大的原型和原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- JavaScript探秘:强大的原型和原型链
- Javascript 原型和原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- JavaScript探秘:强大的原型和原型链
- javascript原型和原型链
- Javascript中的函数、this以及原型
- Javascript中的函数、this以及原型
- Javascript中类的构造函数以及原型构造法,以及定义共有变量和私有变量
- 【javascript基础】原型与原型链
- 深入理解JavaScript系列(6) 强大的原型和原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- 深入分析JS原型链以及为什么不能在原型链上使用对象
- JavaScript原型的工作原理(以及如何利用它来实现类的继承)
- JavaScript探秘:强大的原型和原型链