原型原型链
2020-02-12 11:01
197 查看
function Pro(){} Pro.prototype.name="name"; Pro.prototype.age="age"; var p = new Pro(); console.log(p.__proto__ == Pro.prototype)//true console.log(Pro.prototype.__proto__ == Object.prototype)//true console.log(Object.prototype.__proto__ == null)//true console.log(p.constructor);//指向构造函数 console.log(Pro.prototype.constructor);//指向构造函数
引用类型的隐式原型指向构造函数的显示原型
(obj的__proto__和构造函数的prototype指向同一个对象 也就是Foo.prototype 原型对象)
每个函数function都有一个prototype,即显式原型(属性)
每个实例对象都有一个__proto__,可称为隐式原型(属性)
- 每个构造函数都有一个原型对象,
- 构造函数都包含一个指向原型对象的指针(显式原型),
- 而实例都包含一个指向原型对象的内部指针(隐式原型)。
显式原型:
每一个函数在创建之后都会拥有一个名为 prototype 的属性,这个属性指向函数的原型对象。
隐式原型:
JavaScript 中任意对象都有一个内置属性 [[prototype]]
在ES5之前没有标准的方法访问这个内置属性,但是大多数浏览器都支持通过 __proto__ 来访问。
ES5 中有了对于这个内置属性标准的 Get 方法 Object.getPrototypeOf()
Object.prototype这个对象是个例外,它的proto值为null
那么,假如让原型对象等于另一个类型的实例,结果会让此事的原型对象包含一个指向另一个原型的指针,相应地,另一个原型中也包含着指向另一个构造函数的指针。
假如另一个原型又是另一个类型的实例,那么上述关系依然成立。
如此层层递进,就构成了实例与原型的链条。(原型链)
转载于:https://www.cnblogs.com/QQPrincekin/p/10403878.html
- 点赞
- 收藏
- 分享
- 文章举报
相关文章推荐
- JS 原型与原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- JavaScript原型与原型链
- JavaScript进阶:深入理解原型与原型链
- 高性能JavaScript---作用域链, 闭包, 原型, 原型链
- js原型和原型链
- 深入理解JavaScript系列 ----(5):强大的原型和原型链
- 深入理解JavaScript 原型和原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- <深入理解JavaScript>学习笔记(5)_强大的原型和原型链
- 一个例子让你明白原型对象和原型链
- JS中的原型与原型链的简单理解
- 关于javascript的原型和原型链,看我就够了(三)
- JS原型和原型链
- 初识原型链——怎么画一条完整的原型链
- 原型、原型链
- 深入理解JavaScript系列(5):强大的原型和原型链
- 深入理解JavaScript系列(6) 强大的原型和原型链
- 原型和原型链