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的继承。
第二个例子是一种错误的用法,希望引起大家的注意。
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的继承。
第二个例子是一种错误的用法,希望引起大家的注意。
相关文章推荐
- 理解js中的原型链,prototype与__proto__的关系
- Jstl 总结
- 深入浅析JavaScript中prototype和proto的关系
- srcAdd.jsp
- 基于ManyToOne的hibernate联合查询,使用JSON查看结果
- javascript中this的学习总结
- 有 1 、 2 、 3 、 4 个数字,能组成多少个互不相同且无重复数字的三位数?都是多少?
- javaScript-引用类型(二)
- 【BZOJ1012】[JSOI2008]最大数maxnumber
- Js中字符串的连接
- js实现银行卡卡号 Luhm 校验算法
- (1)JavaScript简介
- jsp:usebean 常用注意事项
- js+html5形成美丽的玫瑰,非常牛逼的算法
- AJAX【Asynchronous异步的JS和XML】,工作原理与特点
- 第20篇 js高级知识---深入原型链
- jstack(查看线程)、jmap(查看内存)和jstat(性能分析)命令
- jstack(查看线程)、jmap(查看内存)和jstat(性能分析)命令
- Json,Gson,FastJson解析笔记
- Json,Gson,FastJson解析笔记