关于javascript原型的修改与重写(覆盖)差别详解
作者:jingxian 时间:2023-07-02 05:07:26
每个JavaScript函数都有prototype属性(javascript对象没有这个属性),这个属性引用了一个对象,这个对象就是原型对象。javascript允许我们修改这个原型对象。
修改有2种方式:
方式1:在原有的原型对象上增加属性或者方法
function Person()
{
}
Person.prototype.add = function(){
alert(this.name);
};
Person.prototype.name = "aty";
var p1 = new Person();
p1.add();//aty
方式2:重写(覆盖)原型对象
function Person()
{
}
Person.prototype = {
add : function(){
alert(this.name);
},
name : "aty"
}
var p2 = new Person();
p2.add();//aty
可以看到上面这2种方式都可以修改原型,那他们的差别究竟是什么呢?到底哪种方式才是推荐的的做法呢?
function Person()
{
}
function Animal()
{
}
var person = new Person();
var animal = new Animal();
// 修改原型
Person.prototype.say = function(){
alert("person");
}
// 修改原型
Animal.prototype = {
say : function(){
alert("person");
}
}
person.say();//person
animal.say();//Uncaught TypeError: undefined is not a function
如果是先创建对象,然后再修改原型,那么如果采用方式1,已经创建的对象能够正确访问修改后的原型;如果采用方式2,已经创建的对象无法访问到修改后的原型。从这个角度来看,显然方式1比方式2更好。为什么会这样呢?
function Person()
{
}
function Animal()
{
}
var person = new Person();
var animal = new Animal();
alert(person.__proto__ === Person.prototype);//true
alert(animal.__proto__ === Animal.prototype);//true
// 修改原型
Person.prototype.say = function(){
alert("person");
}
// 修改原型
Animal.prototype = {
say : function(){
alert("person");
}
}
alert(person.__proto__ === Person.prototype);//true
alert(animal.__proto__ === Animal.prototype);//false
很显然这与java中"修改引用"和"修改引用指向的对象"很相似,效果也是一样的。
标签:javascript,覆盖,重写
0
投稿
猜你喜欢
pandas去除重复列的实现方法
2022-06-27 12:37:31
python Selenium等待元素出现的具体方法
2022-02-22 02:47:20
解决python 出现unknown encoding: idna 的问题
2023-10-06 21:26:06
Golang中基于HTTP协议的网络服务
2024-05-21 10:23:55
浅谈关于axios和session的一些事
2024-05-11 09:49:33
js里面的变量范围分享
2024-04-19 09:51:47
解决无法配置SQL2005问题
2024-01-22 15:56:51
PHP register_shutdown_function()函数的使用示例
2023-10-07 08:06:27
使用pytorch完成kaggle猫狗图像识别方式
2023-04-10 08:39:01
安装pytorch时报sslerror错误的解决方案
2022-01-01 05:20:53
python之如何查找多层嵌套字典的值
2021-12-05 08:57:07
echarts中X轴显示特定个数label并修改样式的方法详解
2024-05-29 22:14:30
JS实现json数组排序操作实例分析
2024-04-18 09:44:25
mybatis动态sql实现逻辑代码详解
2024-01-13 05:13:04
Python使用smtp和pop简单收发邮件完整实例
2022-01-07 05:48:40
JS事件在IE与FF中的区别详细解析
2023-09-24 23:02:35
python实现图片,视频人脸识别(opencv版)
2023-03-14 12:41:07
解决Jrebel用户名中文导致用不了的问题
2023-04-10 05:20:15
用XMlhttp生成html页面
2007-08-29 19:49:00
用户界面设计中“状态”和“动作”的表达
2011-01-06 12:36:00