当前位置: 首页 > 编程笔记 >

关于javascript原型的修改与重写(覆盖)差别详解

丌官哲彦
2023-03-14
本文向大家介绍关于javascript原型的修改与重写(覆盖)差别详解,包括了关于javascript原型的修改与重写(覆盖)差别详解的使用技巧和注意事项,需要的朋友参考一下

每个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原型的修改与重写(覆盖)差别详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍Java方法覆盖重写实现原理解析,包括了Java方法覆盖重写实现原理解析的使用技巧和注意事项,需要的朋友参考一下 这篇文章主要介绍了Java方法覆盖重写实现原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 方法覆盖重写注意事项:   1.必须保证方法名相同,返回值也相同    @Override:写在方法前面,用来检测方法的覆

  • 问题内容: 嗨,我只是想确保我正确理解这些概念。Java中的重载意味着您​​可以拥有具有不同数量的参数或不同数据类型的构造函数或方法。即 这个方法怎么样?由于它返回不同的数据类型,是否仍会被视为重载? 第二个问题是:java中有什么重载?它与继承有关吗?让我们有以下内容: 所以现在让我说以下 如果我打电话 这将返回车辆类的价格20,000 如果我打电话 这将返回卡车级别的价格14,000 我的知识

  • 我正在使用findByIdAndUpdate更新修改的表单字段。 它是否覆盖了文档中甚至未在表单中修改的所有字段?

  • 但是仅仅从使用的角度来看,就像在指南中一样,以下两者之间的区别在哪里 从这个答案中我可以看出,对于getter重写,该值没有存储。getter覆盖与赋值有什么不同吗?也许是代表或者拉丁裔?

  • 问题内容: 有没有人有过重写JavaScript函数的经验? 哪些浏览器支持此功能? 哪些浏览器版本支持此功能? 覆盖该功能有哪些危险? 问题答案: 绝对是“受支持的”。这是您的网页,您可以使用它进行任何操作。 我已经这样做了,可以在不修改库的情况下而是通过潜入事件来跟踪分析事件。 使用代理模式: 如果需要,您也可以绕过对原始函数的调用(代理)

  • 问题内容: 我如何能够覆盖该方法,然后捕获并更改其参数? 我已经尝试过代理方法,但是它没有用,尽管删除了在调用时打开的重写: 问题答案: 您不是要修改继承的方法,而只是将方法添加到实际上从未使用过的方法。 我在facebook中尝试了此代码,因此能够捕获到请求: 所以是的,需要将open方法添加到(window.XMLHttpRequest.prototype)而不是(window.XMLHttp

  • 本文向大家介绍JavaScript的原型继承详解,包括了JavaScript的原型继承详解的使用技巧和注意事项,需要的朋友参考一下 JavaScript是一门面向对象的语言。在JavaScript中有一句很经典的话,万物皆对象。既然是面向对象的,那就有面向对象的三大特征:封装、继承、多态。这里讲的是JavaScript的继承,其他两个容后再讲。 JavaScript的继承和C++的继承不大一样,C

  • 本文向大家介绍关于JavaScript和jQuery的类型判断详解,包括了关于JavaScript和jQuery的类型判断详解的使用技巧和注意事项,需要的朋友参考一下 对于类型的判断,JavaScript用typeof来进行。 栗子: 可以看到,typeof并不能够准确的判断出每一种数据类型,比如null和数组等都是object类型。因此,JavaScript判断数据类型不推荐使用typeof。