javascript通过原型添加属性和方法

最新推荐文章于 2022-11-03 12:38:09 发布
最新推荐文章于 2022-11-03 12:38:09 发布
阅读量3.4k 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hongxiao2016/article/details/88825969
版权

 使用prototype关键字和点标记法为构造器添加属性和方法

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
	<script>
		function test(){};
		test.prototype.var1="var1";
		test.prototype.func1=function(){
			alert("func1");
		};
		var test1 = new test();
		alert(test1.var1);
		test1.func1();
	</script>
</body>
</html>

 通过对象直接量为构造函数添加属性和方法

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
	<script>
		function test(){};
		test.prototype = {
			var1:"var1",
			func1:function(){
			alert("func1");
		}
		};
		var test1 = new test();
		alert(test1.var1);
		test1.func1();
	</script>
</body>
</html>

prototype有一个强大的特性，允许在对象实例已经被创建之后继续添加属性和方法，而新添加的属性和方法会自动添加到所有对象实例中，不管是已创建的还是将要创建的。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
	<script>
		function test(){};
		test.prototype = {
			var1:"var1",
			func1:function(){
			alert("func1");
		}
		};
		var test1 = new test();
		alert(test1.var1);
		test1.func1();
		test.prototype.func2=function(){
			alert("func2");
		};
		test1.func2();
	</script>
</body>
</html>

 

 

 

 

hongxiao2016
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript的原型
技术收藏
02-28 702
 函数：原型每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译，使用其原文)。这个属性非常有用：为一个特定类声明通用的变量或者函数。prototype的定义你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。你可以看看下面的例子：Example PT1CODE:function Test(){}alert(Test.prot
JavaScript中的原型prototype属性使用详解
12-08
原型链不仅用于添加属性和方法，还是JavaScript实现继承的基础。通过将一个函数的`prototype`设置为另一个函数的实例，我们可以让一个对象继承另一个对象的属性和方法。例如： ```javascript function Author(name)...
JavaScript原型式继承实现方法
10-16
主要介绍了JavaScript原型式继承实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript中对象属性的添加和删除示例
10-25
用.为对象添加属性，用关键字delete删除属性，下面为大家介绍下对象属性的添加和删除,需要的朋友可以参考下
JS-给原型增加属性
dxm809的博客
02-07 379
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta charset="utf-8" /&gt;     &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt;     &lt;script&gt;         funct
js prototype 添加属性对象
weixin_30335353的博客
05-19 125
在本例中，我们将展示如何使用 prototype 属性来向对象添加属性： <script type="text/javascript"> function employee(name,job,born) { this.name=name; this.job=job; this.born=born; } var bill=new employee("Bi...
给原型添加方法
weixin_44931761的博客
09-01 645
1、请给Array本地对象增加一个原型方法，它用于删除数组条目中重复的条目(可能有多个)，返回值是一个包含被删除的重复条目的新数组 //本题的思路是，用每个元素与其他的元素比较，相同则把那个元素存入数组 Array.prototype.distinct = function(){ var ret = []; for(var i=1; i<this....
详解JavaScript原型链与继承
没有了糖的可乐
04-28 331
继承是OO语言中的一个最为人津津乐道的概念.许多OO语言都支持两种继承方式: 接口继承 和 实现继承 .接口继承只继承方法签名,而实现继承则继承实际的方法.由于js中方法没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支持实现继承,而且其 实现继承 主要是依靠原型链来实现的. ...
JavaScript中关联原型链属性特性
11-23
属性分为两种类型：数据属性和访问器属性。本文将主要探讨数据属性及其四个描述行为特性的详细知识。 数据属性包含了存储数据值的位置，允许我们读取和修改这些值。在JavaScript中，每个数据属性都有以下四个描述...
jQuery学习笔记之jQuery原型属性和方法
12-10
这篇jQuery学习笔记将重点讨论jQuery原型属性和方法。 首先，`jQuery.fn` 和 `jQuery.prototype` 是同一个对象，它们被用作所有jQuery实例的共享原型。这意味着当创建一个新的jQuery对象时，可以访问到这些属性和...
如何往原型添加方法
啊啊莹莹莹的博客
12-31 459
往字符串原型添加方法 String.prototype.strSplicing = function () { let str = ""; Object.values(this).forEach((item) => { if (str == "") { str = item; } else { str += " " + item; } }); return str; }; Object.values是把传递进来的字符串或者对
原型对象添加方法
Sumshine12.5
02-26 2460
在构造函数中为了避免创建多个对象，造成方法的重复创建，我们一般在原型对象上创建方法 如 Student.prototype.method=function(){ console.log(123); } 但这种方法仅适用于对象的方法较少时，如果对象方法有很多，就需要不断重复 类似Student.prototype.method=function..... 这样也很麻烦 我们可以通过类似于对象...
在函数原型上添加属性方法
qq_36511618的博客
02-12 897
代码、总结的参考来源 ——选自《JavaScript高级程序设计(第3版)》. // code block function person(){}; var person1 = new person(); 方法一 每个属性或方法直接添加到原型对象上。 // code block person.prototype.name = &amp;amp;amp;quot;Nicholas&amp;amp;amp;quot;; person.prototype....
JS 往原型中添加方法
LttleJoker的博客
10-26 4932
往原型里添加方法的方式有两种。 第一种，往原型中添加一个方法。 function User(name) { this.name = name } User.prototype.show = function () { console.log(this.name) }; let Joker = new User.prototype.constructor("Joker"); Joker.show(); 第二种，往原型中添加
js prototype 添加属性和方法
cvper's world !
03-30 1068
假设现在有个字符串，即String 对象，var str="abcd";我们知道str.length 可以求出字符串的长度，这个length 就是String 的属性；str.split()  可以把我们上面的字符串分割成 ["a","b","c","d"] , split（）就是String的方法；上面的属性和方法都是原来就定义好的，现在我们想添加自己的属性和方法，那就需要 prototype,...
javascript的prototype给对象增加方法属性
jingtianxiaozhi的专栏
10-06 695
功能实现 第一步用prototype将方法增加给类对象 第二步this代替类对象 代码 无标题文档 var a=[1,2,3,6,7]; var x=a.getZuiDa(); var y=a.getZuiXiao(); alert(y); var s="---hello---"; var x=s.trim(); a
文章标题
andy
04-27 203
原型里的默认属性和方法
element 往node里面增加属性值_【JavaScript 教程】DOM——Node 接口
weixin_39830175的博客
11-30 489
作者 | 阮一峰所有 DOM 节点对象都继承了 Node 接口，拥有一些共同的属性和方法。这是 DOM 操作的基础。1、属性1.1、Node.prototype.nodeTypenodeType属性返回一个整数值，表示节点的类型。document.nodeType // 9上面代码中，文档节点的类型值为9。Node 对象定义了几个常量，对应这些类型值。document.nodeType ...
JS高级：原型链的属性问题
weixin_47295886的博客
11-03 546
1、读取对象属性值时，会自动在原型链中查找 2、设置对象属性时，不会查找原型链，如果当前对象没有此属性，直接添加此属性并设置其值 3、方法一般定义在原型中，属性一般通过构造函数定义在对象本身身上
js通过原型链调用方法传参数
最新发布
02-23
在JavaScript中，可以通过原型链调用方法并传递参数。原型链是JavaScript中实现继承的一种机制，它允许一个对象继承另一个对象的属性和方法。 首先，我们需要创建一个构造函数或者对象，然后通过原型链给该构造函数或对象添加方法。接下来，我们可以通过创建新的实例来调用这些方法，并传递参数。 下面是一个示例代码： ```javascript // 创建一个构造函数 function Person(name) { this.name = name; } // 在构造函数的原型上添加一个方法 Person.prototype.sayHello = function() { console.log("Hello, my name is " + this.name); } // 创建一个实例 var person = new Person("John"); // 调用原型链上的方法，并传递参数 person.sayHello(); // 输出：Hello, my name is John ``` 在上面的示例中，我们创建了一个名为Person的构造函数，并在其原型上添加了一个名为sayHello的方法。然后，我们通过创建一个名为person的实例来调用该方法，并传递参数"John"。 通过原型链调用方法传递参数的关键是将方法添加到构造函数或对象的原型上，这样所有的实例都可以共享这个方法。当调用该方法时，方法内部的this指向调用该方法的实例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值