前端浅谈JS的prototype和__proto__

前端开发各种语言的区别
web前端和前端开发的区别
开发前端和后端的区别

一、prototype和proto的概念

prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。

proto是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,proto是对象的内置属性),是js内部使用寻找原型链的属性。

用chrome和FF都可以访问到对象的proto属性,IE不可以。

二、new 的过程

javascript 代码

var Person = function() {}
var p = new Person()

new的过程拆分成以下三步:
(1) var p={}; 也就是说,初始化一个对象p
(2) p.proto = Person.prototype;
(3) Person.call(p); 也就是说构造p,也可以称之为初始化p

关键在于第二步,我们来证明一下:

javascript 代码

var Person = function() {}
var p = new Person()
alert(p.__proto__ === Person.prototype)

这段代码会返回true。说明我们步骤2是正确的。

三、示例

javascript 代码

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属性。

前端融资和开发贷区别吗
开发中后端和前端的区别
前端开发和界面开发的区别

 

» 本文来自:前端开发者 » 《前端浅谈JS的prototype和__proto__》
» 本文链接地址:https://www.rokub.com/7019.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!