JS的prototype和__proto__
2016-06-28 10:03
337 查看
一、prototype和__proto__的概念prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。用chrome和FF都可以访问到对象的__proto__属性,IE不可以。二、new 的过程
(1) var p={}; 也就是说,初始化一个对象p
(2) p.__proto__ = Person.prototype;
(3) Person.call(p); 也就是说构造p,也可以称之为初始化p关键在于第二步,我们来证明一下:
p是一个引用指向Person的对象。我们在Person的原型上定义了一个sayName方法和age属性,当我们执行p.age时,会先在this的内部查找(也就是构造函数内部),如果没有找到然后再沿着原型链向上追溯。这里的向上追溯是怎么向上的呢?这里就要使用__proto__属性来链接到原型(也就是Person.prototype)进行查找。最终在原型上找到了age属性。
var Person = function(){};var p = new Person();new的过程拆分成以下三步:
(1) var p={}; 也就是说,初始化一个对象p
(2) p.__proto__ = Person.prototype;
(3) Person.call(p); 也就是说构造p,也可以称之为初始化p关键在于第二步,我们来证明一下:
var Person = function(){};var p = new Person(); alert(p.__proto__ === Person.prototype);这段代码会返回true。说明我们步骤2是正确的。三、示例
var Person = function(){}; Person.prototype.sayName = function() { alert("My Name is Jacky"); }; Person.prototype.age = 27; var p = new Person(); p.sayName();
p是一个引用指向Person的对象。我们在Person的原型上定义了一个sayName方法和age属性,当我们执行p.age时,会先在this的内部查找(也就是构造函数内部),如果没有找到然后再沿着原型链向上追溯。这里的向上追溯是怎么向上的呢?这里就要使用__proto__属性来链接到原型(也就是Person.prototype)进行查找。最终在原型上找到了age属性。
相关文章推荐
- JavaScript ES6的新特性使用新方法定义Class
- WebGL可视化地球和地图引擎:Cesium.js
- javascript 常用验证函数总结
- json_decode返回null 和synax error原因及处理
- Writing Modular JavaScript With AMD, CommonJS & ES Harmony
- RapidJSON学习整理
- JS传递对象数组为参数给后端,后端获取的实例代码
- JavaScript ES5标准中新增的Array方法
- js:字符串(string)转json
- undefined与null的区别
- 关于XML和JSON
- jsp登录会话的简单实现
- javascript oo实现(面向对象)
- 用isNaN函数判断是否是Number中的坑
- 关于JS 预解释的相关理解
- [Effective JavaScript 笔记]第49条:数组迭代要优先使用for循环而不是for...in循环
- [Effective JavaScript 笔记]第48条:避免在枚举期间修改对象
- 详解javascript,ES5标准中新增的几种高效Array操作方法
- 浅谈js中的in-for循环
- js实现一键分享效果---横栏状态