您的位置:首页 > Web前端 > JavaScript

JS的prototype和__proto__

2015-11-15 12:23 471 查看
__proto__是JS内部使用寻找原型链的属性。 

prototype是显示修改对象的原型的属性。 
这两句很重要,以下我会详细说明,此文章就是为了说明上面的两句话的含义。 

Java代码  


var Programmer = function(){};    

Programmer.prototype.WriteCode = function() {  

    return "programmer writes code";  

};  

Programmer.prototype.Salary = 50000;  

var p = new Programmer();  

我们来看一下p, p是一个引用指向programmer对象。我们给programmer对象的prototype定义了一个属性Salary和一个方法WriteCode(); 
显然我们直接定义了Programmer.prototype属性和方法。 
当我们执行p.Salary的时候,会先从p的this范围内查找,没有找到这时候会沿着原型链向上追溯,可是具体怎么向上的呢,那么就是使用了programmer.__proto__来找到programmer的prototype。我再强调一遍__proto__是JS内部自己用来追溯用的,虽然FF把它的给暴露出来了,但是我们不能依赖于这个,浏览器各自的实现不一样,可见性不一样,甚至变量名称都不一样。 

这样我们就很清楚了,我们使用prototype修改我们自定义类的原型的属性和方法。 
JS内部使用__proto__来追溯自己的原型。 

再来看一个例子: 

Java代码  


var Person = function(){};  

Person.prototype.ask = function(){  

    return "haha............";  

}  

Person.prototype.Say = function() {  

    return "Person say";  

}  

Person.prototype.Salary = 50000;  

  

var Programmer = function(){};  

Programmer.prototype.WriteCode = function() {  

    return "programmer writes code";  

};  

Programmer.prototype.Salary = 500;  

Programmer.prototype = new Person();  

var p = new Programmer();  

执行p.WriteCode(), 会是什么结果? //programmer writes code 
NO, 应该是" ... has no method 'WriteCode' " 

虽然我们定义了programmer.prototype.WriteCode, 但是在15行我们将programmer.prototype 设置为 Person了。person及它的prototype都没有WriteCode方法,所以“has no method 'WriteCode' ”。 

使用这种方式便实现了JS的继承。 
第二个例子是一种错误的用法,希望引起大家的注意。 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: