javascript中prototype用法实例

最新推荐文章于 2022-04-25 10:52:24 发布
最新推荐文章于 2022-04-25 10:52:24 发布
阅读量118 收藏
点赞数
分类专栏： js 文章标签： C C++ C# JavaScript prototype ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/longxingtx520/article/details/83952777
版权

 

<html>
	<head>
		<script>
			var TestReturn = function() {
				var abc = 0;
				return {
					setAbc : function(c) {
						abc = c;
					},
					add : function(a, b) {
						return abc == 0 ? a + b : abc + a + b;
					}
				}
			}
			
			var Test = function(name) {
				this.name = name;
				this.sayHello = function() {
					alert("sayHello " + this.name);
				}
			}
			
			Test.prototype = new TestReturn();
			
			Test.prototype.lovePro = function() {
				alert("test.prototype.lovePro : love " + this.name);
			}
			
			Test.run = function() {
				alert("run");
			}
			
			var test1 = new Test("test1");
			var test2 = new Test("test2");
			
			test1.love = function() {
				alert("test1.love : love");
			}
			
			test1.setAbc(10);
			alert(test1.add(1, 2));   //13
			alert(test2.add(1, 2));   //13
			
			test1.sayHello();
			test2.sayHello();
			test1.love();
			Test.run();
			test1.lovePro();
			test2.lovePro();
			
//			test1.run();  错误
			//test2.love(); 错误
			
//			test1.prototype.lovePro = function() {
//				alert("test1.prototype.lovePro : love");
//			}   错误
		</script>
	</head>
	
	<body></body>
</html>
longxingtx520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习笔记——js中几种对象声明方式
JaneHe6的博客
06-02 270
1 .字面式 var obj = { name: "zhang", age: 20, action: function(){ alert(name + "---" + age); } } 2 .Object方式 var obj = new Object(); obj.name = "zhang"; obj.age = 20; obj.action = function(){ alert(this.name + "---" + this.age); } 3 .构造函数方式 function
JavaScript中prototype解析
yinjiangQAQ的博客
01-19 300
前言 上一篇博客我们讲到关于JavaScript中this的解析，里面涉及到关于JavaScript中prototype的内容，讲的内容比较限定于this，对此专门做一篇完整一点的，只关于prototype的博文 而与其相关的还有刷到一道前端笔试题跟其有关的 关于prototype 所有的 JavaScript 对象都会从一个prototype（原型对象）中继承属性和方法： Date 对象从 ...
js中prototype用法(转)
tianyitianyi1的专栏
11-02 1万+
JavaScript能够实现的面向对象的特征有： ·公有属性(public field) ·公有方法(public Method) ·私有属性(private field) ·私有方法(private field) ·方法重载(method overload) ·构造函数(constructor) ·事件(event) ·单一继承(single inherit) ·子类重写父类的
深入理解js的prototype以及prototype的一些应用
u011277123的博客
12-08 1183
科技优家 2016-12-07 07:51 上一篇讲了js的prototype概念，在这里回顾一下prototype的定义： prototype是函数的一个属性，并且是函数的原型对象。引用它的必然是函数，这个应该记住。 但是，很奇怪，各位看官，你有没有看过类似下面这样引用prototype的js代码： 咦？？？看着上面这行代码，你是不是对prototype只是属于函数产生深深的怀疑呢？
Javascript之prototype 原型重写
LoveBeyond
09-19 348
[code="java"] function Person(){} var person = new Person(); Person.prototype={//重写Person原型 name:'zhangsan', sayHi:function(){ alert("重写原型") } } //person.sayHi();这里会报错 function...
对象引用和Prototype使用
秦爱德
01-16 714
先来看几段代码： var a = [1,2,3]; var b = [1,2,3]; console.log(a==b);//false var a = 5; var b = a; b+=3; console.log(b)//8 console.log(a)//5 var a = [1,2,3]; var b = a; b.push(4); console.log(b);//[1,2,3
JavaScript中prototype用法
FBm的博客
11-17 377
转载来源：http://blog.csdn.net/jasonzds/article/details/53706958 1 概述 大部分面向对象的编程语言，都是以类class作为对象的基础语法，js语言不是如此，它的面向对象编程基于‘原型对象’。 首先说说构造函数的缺点： js通过构造函数生成新的对象，因此构造函数可以视为独享的模版。实例对象的属性和方法，可以定义在
javascript当中prototype用法
qq_44594249的博客
08-25 248
prototype prototype作用就是给某个类增加一个实例方法。 例 3.6.2 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <script> /*When the Global object is crea...
JavaScript原型Prototype详情
菜鸟教程
04-25 2729
文章来源： 学习通http://www.bdgxy.com/ 目录1、概述1.1原型是什么1.2获取原型2、原型属性2.1利用原型添加属性与方法。2.2访问原型属性原型方法3、自有属性与原型属性3.1检测自有属性或者原型属性4、isPrototypeOf()方法5、扩展内置对象6、结语1、概述 1.1原型是什么 在JavaScript中，函数是一个包含属性和方法的Function类型的对象。而原型（Prototype ）就是Function类型对象的一个属性。 在函数定义是包含了prototype属
JavaScript中String.prototype用法实例
10-24
在JavaScript编程中，`String.prototype`是一个非常重要的概念，它是JavaScript内置String对象的原型对象。通过向`String.prototype`添加方法，我们能够扩展String对象的功能，从而为所有的String实例添加新的行为。...
JavaScript通过prototype给对象定义属性用法实例
12-12
本文实例讲述了JavaScript通过prototype给对象定义属性的用法。分享给大家供大家参考。具体分析如下： 下面的JS代码定义了movie对象。在使用对象的过程中又通过prototype给对象添加了isComedy属性，调用的时候直接...
JavaScript中继承用法实例分析
10-24
在深入探讨JavaScript中继承用法的知识点之前，我们首先需要理解继承是什么以及它在编程中的重要性。继承是面向对象编程（OOP）中一个核心概念，允许我们创建一个新类（子类）继承另一个类（父类）的属性和方法。在...
Unity 【Content Size Fitter】- 聊天气泡自动适配Text文本框大小
当代野生程序猿
02-25 5754
通常在展示人物对话的时候文本的长度是不定的，因此会需要动态的调整对话内容文本框的背景图片的大小，这里以如下这种气泡框的对话为例： 实现该需求涉及到的内容包括Content Size Fitter组件的使用、2D Sprite工具包的使用。 Content Size Fitter组件用于Text文本框，如图所示，我们将Horzontal Fit设为Preferred Size，当我们调整Text文本框中的内容时，其大小会自动进行调整。 注意Rect Transform中Pivot轴心点的设置
新唐NUC972 Linux（一）：USB烧写linux出厂镜像
小破孩的博客
02-20 3372
USB烧写出厂镜像 文章目录USB烧写出厂镜像前言一、硬件连接二、安装驱动三、烧写linux程序四、运行程序 前言 今天开始进军linux，学了那么久单片机，也摸得七七八八，至少点个灯还是会的。本人之所以买酷客的linux开发板主要是便宜，资料也算齐全，虽然没有原子那么好，不过也够了，找那么多借口，其实就是qiong。今天先从USB烧录官方提供的linux相关程序到芯片开始吧。 一、硬件连接 1、连接电源线 2、RS232转USB，需要安装CH340驱动，用于在电脑串口超级终端中查看调试信息。 3、U
WeChall CTF Writeup（一）
weixin_43211186的博客
02-25 1481
以下题目标题组成： [Score] [Title] [Author] 文章目录0x01 1 Training: Get Sourced by Gizmore0x02 1 Training: Stegano I by Gizmore0x03 1 Training: Crypto - Caesar I by Gizmore0x04 1 Training: WWW-Robots by Gizmore0x05 1 Training: ASCII by Gizmore 0x01 1 Training: Get Sou
C语言每日一练——第126天：佩奇借书问题
热门推荐
Edison's 小宇宙
02-25 2万+
史上最强借书方案问题讲解（代码详解+思路分析+动图演示+特性总结）
CS5261与CS5265功能应用|CS5261替代RTD2171|CS5265替代RTD2172
qq1659747718的博客
02-25 1276
CS5261可以完全替代兼容停产RTD2171,CS5265可以完全替代兼容RTD2172，芯片单价低，整体方案设计简单，整体BOM成本较RTD2171、RTD2172低。
Hello Kafka（八）——Confluent Kafka简介
天山老妖
02-24 8871
一、Confluent Kafka简介 1、Confluent Kafka简介 2014年，Kafka的创始人Jay Kreps、NahaNarkhede和饶军离开LinkedIn创立Confluent公司，专注于提供基于Kafka的企业级流处理解决方案，并发布了Confluent Kafka。Confluent Kafka分为开源版和企业版，企业版收费。 2、Confluent Kafka特性 Confluent Kafka开源版特性如下： （1）Confluent Kafka Connecto
深入理解JavaScript prototype用法与实例
在JavaScript中，`prototype` 是一个至关重要的概念，尤其对于理解面向对象编程的核心原理至关重要。作为从IE4版本开始引入的一个特性，`prototype` 实际上是为类（而非对象）提供扩展功能的关键工具。JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值