js中prototype的继承和扩展

最新推荐文章于 2022-03-03 17:16:15 发布
最新推荐文章于 2022-03-03 17:16:15 发布
阅读量383 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kinmin2012/article/details/8184355
版权 
<html>
	<script>
	/*继承
		function Person(name,age){
			this.name=name;
			this.age=age;
			this.say=function(){
				alert('say....');
			}
		}
		function Boy(){
			
		}
		Boy.prototype=new Person('z3',20);
		var b=new Boy();
		alert(b.name);
		alert(b.age);
		b.say();
		
		
		
		function Person(name,age){
			this.name=name;
			this.age=age;
			this.say=function (){
				alert('say.....');
			}
		}
		function Boy(){
			
		}
		
		Boy.prototype=new Person('z3',20);
		var b=new Boy();
		alert(b.name);
		alert(b.age);
		b.say();
		*/
		
		
		
		//prototype继承和扩展
		function Person(name,age){
			this.name=name;
			this.age=age;
			this.say=function(){
				alert('say....');
			}
			
			Person.prototype.id=1;
			Person.prototype.method=function(){
				alert('ext method');
			}
			
			function Boy(name,age){
			
			}
			Boy.prototype=new Person('w5',20);
			var b=new Boy();
			alert(b.name);
			alert(b.age);
			b.say();
			alert(b.id);
			b.method();
		}
	</script>


</html>


kinmin2012
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原型链继承深入理解；new操作符理解；（转载）
鲁宽宽的博客
11-22 389
本文转自：https://www.css88.com/archives/10022 ；（强烈建议看链接页面的！） 主要为了方便自己查看！ 引言：如果不处理对象，您就无法在 JavaScript 方面取得很大进展。它们几乎是 JavaScript 编程语言的所有方面的基础。在这篇文章中，您将了解用于实例化新对象的各种模式，在此过程中，您将逐步深入了解 JavaScript 的原型。 基础入门 ...
JavaScript知识点之prototype
玉案轩窗的博客
08-18 1878
前言prototype是所有函数都有的内置属性，prototype属性的值是对象，该对象称之为原型对象。原型是Js的核心概念之一，它引申出继承、原型链等其他概念，本文就详细的分析总结下prototype的相关知识点。在理解prototype之前，我觉得有必要讲讲面向对象，当然这里不会讲很多，就讲讲Js的面向对象与Java面向对象的区别。 联系：都是面向对象编程 区别：
js原型prototype
xingxingxingge的博客
04-04 631
一、构造函数 构造函数就是一个普通函数,一般构造函数是首字母大写 构造函数执行流程 创建一个新对象 // 只要调用了 new Person() 立刻创建一个新对象 将函数的 this 指向新对象 执行函数中的代码 返回新对象 示例: function Person(name){ this.name = name this.alert_name = f...
JavaScript prototype 使用介绍
weixin_34221073的博客
07-12 2830
JavaScript prototype 使用介绍 用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱 用过JavaScript的同学们肯定都对prototype如雷...
JS中Prototype属性解释及常用方法
zp19860529的博客
07-06 2042
1、prototype的定义 javascript中的每个类都有prototype属性，其prototype属性的解释是：返回对象类型原型的引用。每一个构造函数都有一个属性叫做原型。这个属性非常有用：为一个特定类声明通用的变量或者函数。你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。你可以看看下面的例子： function Test(){} console.log(Test.prototype); 输出： 2 、什么是原型 原型:现在有1个类A,我想要创建
javascript使用prototype完成单继承
10-25
在JavaScript中，面向对象编程（OOP）的一个关键特性是继承，它允许创建新的对象类型，这些类型可以扩展已存在的对象类型的功能。本文主要探讨如何使用`prototype`来实现单继承，这是一种简单但强大的机制。 首先，...
关于JS中prototype的理解
11-22
总结来说，JavaScript的`prototype`机制是实现对象继承和代码复用的重要工具，它通过原型链使得对象可以访问不在自身而存在于原型中的属性和方法。理解并熟练运用`prototype`可以帮助我们构建更高效、更可维护的...
javascript中类和继承（代码示例+prototype.js）
07-31
本文将深入探讨JavaScript中的类和继承，并结合`prototype.js`文件中的示例进行解析。 ### 类的概念与模拟 在JavaScript中，我们通常使用函数来模拟类的行为。一个函数可以看作是一个类的定义，通过`new`关键字来...
谈谈js中的prototype及prototype属性解释和常用方法
11-25
在JavaScript中，`prototype`是一个核心概念，它涉及到对象的继承和原型链。本文将深入探讨`prototype`的含义、作用以及如何使用。 首先，`prototype`是JavaScript中每个函数（对象构造器）的一个属性，它实际上是...
js中prototype1
最新发布
08-08
在JavaScript中，`prototype`是一个非常重要的概念，它涉及到对象的继承和方法共享。每个函数（在JavaScript中，函数也是一种对象）都有一个`prototype`属性，这个属性指向一个对象，这个对象的用途是为通过该函数...
js 对象的prototype,__proto__的理解
m0_49016709的博客
03-03 2304
js中对象分为两种：普通对象和函数对象。Object ，Function 是JS自带的函数对象。 普通对象和函数对象 // 普通对象的定义方法 let a = new Object(); // typeof a === object let b = {}: // typeof b === object let c = new function(){}; // typeof c === object // 函数对象 let a2 = function() {};
JS中的prototype
weixin_34390105的博客
06-03 257
JS中的phototype是JS中比较难理解的一个部分   本文基于下面几个知识点:   1 原型法设计模式 在.Net中可以使用clone()来实现原型法 原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。   2 javascript的方法可以分为三类： a 类方法 b 对象方法 c 原型方法 例子： ...
JS高级之prototype的使用
qq_44586361的博客
02-20 1566
1.prototype的介绍 每个函数都有一个prototype属性，默认指向一个Object空对象(原型对象) 原型对象中有一个constructor,指向函数对象 下面是一个例子： function People(name,age){ this.name = name; this.age = age; } 如果要添加一个新的属性需要在构造函数里面添加，比如要添加一个sex属性 function People(name,age){ this.name = name;
js prototype 详解(学习)
weixin_33994444的博客
12-20 158
&lt;html&gt;&lt;head&gt; &lt;title&gt;JS学习&lt;/title&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;&lt;/head&gt;&lt;body&gt;js prototype 详解&lt;s
JavaScript的prototype是什么？
Learn-anything.cn
11-21 588
一、prototype 是什么？ prototype 是每个函数(不包括箭头函数)都默认具有的属性，默认值为：指向函数本身的 constructor 对象。 1、查看 prototype // 缺省值为：Rabbit.prototype = { constructor: Rabbit } function Rabbit() { } alert(Rabbit.prototype.constructor == Rabbit) // rabbit继承了constructor let rabbit = new
javaScript 扩展（prototype）
zeroxiaozou的专栏
07-18 600
从对象创建一个实例说起来貌似是很简单的东西，是啊，基本在所有的语言中，都是用new关键字来创建实例的 Javascript当然也不例外，可是关于对象的引用问题，你考虑过么？通常的做法是一系列对象共享类的方法，而不是为每个对象复制一份函数。下面看看为每个对象复制一份函数的做法。 复制代码 代码如下: var myobject=function(param1,param2) { this
JS实现继承
bangbanggangan的博客
08-05 672
继承方式 原型链继承 构造函数继承 组合继承 原型式继承 寄生式继承 寄生组合式继承 ES6 原型链继承 核心：将父类的实例作为子类的原型。 SubType.prototype = new SuperType() // 所有涉及到原型链继承的继承方式都要修改子类构造函数的指向，否则子类实例的构造函数会指向SuperType。 SubType.prototype.constructor ...
JS 扩展方法prototype
dxm809的博客
03-13 677
通过类对象的prototype设置扩展方法，下面为String对象增加quote（两边加字符）方法 &lt;script type="text/javascript"&gt;        String.prototype.isEmail= function(){            return this.indexOf('@')!=-1?true:false;        }       ...
JavaScript中使用prototype来扩展对象，举例
curry_du的专栏
08-25 2348
原型方式：使用prototype来扩展对象  Object.prototype.method=function; /** * 给String类型增加equals函数 */ String.prototype.equals=function(str){ return this==str.toString(); }; /** * 给String增加trim()函数 */ String
JavaScript对象继承与原型链解析
"本资源详细介绍了JavaScript中的对象继承机制，包括如何通过原型链实现对象的扩展和继承。示例代码展示了如何使用构造函数创建自定义对象，并通过原型对象的继承来扩展功能。" 在JavaScript中，面向对象编程是一种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值