JS的prototype和__proto__
来源:互联网 发布:畅捷通软件下载 编辑:程序博客网 时间:2024/05/29 12:20
一、prototype和__proto__的概念
prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。
__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。
用chrome和FF都可以访问到对象的__proto__属性,IE不可以。
二、new 的过程
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属性。
0 0
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的prototype和__proto__
- JS的this、__proto__ 和. prototype 、constructor
- js中的__proto__和prototype
- Js中的prototype和__proto__
- js中的__proto__和prototype
- JS的prototype和__proto__ apply和call
- js中__proto__和prototype的区别和关系
- Js中__proto__和prototype的区别和关系
- js中__proto__和prototype的区别和关系?
- Wampserver3.0.0 右键菜单切换中文没效果
- 关于 NvTranscoder
- Kth closest points
- 【Python基础】if __name__ == '__main__'
- nginx转发获取真实客户端IP地址
- JS的prototype和__proto__
- 借助LVS+Keepalived实现负载均衡
- Window系统下C/C++程序毫秒和微秒级程序运行时间的获取方法
- How to Play HLS Live Stream using ExoPlayer
- android 中的一些小细节
- PDF文件怎么编辑,如何操作?
- 第5章 引用类型(8)RegExp 类型 Function 类型
- Spring-date操作Mongodb分组统计
- linux下find命令详解与实例分析