js prototype 添加属性和方法

最新推荐文章于 2021-05-22 12:52:46 发布
最新推荐文章于 2021-05-22 12:52:46 发布
阅读量1k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript prototype 属性 方法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cvper/article/details/79755699
版权

假设现在有个字符串，即String 对象，

var str="abcd";

我们知道str.length 可以求出字符串的长度，这个length 就是String 的属性；

str.split()  可以把我们上面的字符串分割成 ["a","b","c","d"] , split（）就是String的方法；


上面的属性和方法都是原来就定义好的，现在我们想添加自己的属性和方法，那就需要 prototype,

我们的目标是给String对象扩展一个方法，可以让我们在字符串的每个字符之间加入一个@,

例如  str="abcd"   那么使用扩展的方法后，就变成了 str="a@b@c@d";

代码：

<!doctype html>
< html>
< head>
< meta charset= "utf-8" >
< title >prototype 扩展方法 </ title >
</ head>
< body>
< script >
var str = "acbd" ;
String .prototype. addme = function (){
return this . split ( '' ). join ( "@" );
}
console . log ( str . addme ());
< / script >
</ body>
</ html>


我们不仅可以给String 类型，还可以给其它类型添加各种各样的属性和方法；

cvper
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端慕课网学习教程-在prototype上添加方法，let,const,var区别，ES6介绍，exec方法tes正则表达式，量词，寄生组合继承，寄生式继承，原型式继承，组合继承，原型链实现继承，
VAN
11-12 493
前端学习
javascript的原型
技术收藏
02-28 700
 函数：原型每一个构造函数都有一个属性叫做原型(prototype,下面都不再翻译，使用其原文)。这个属性非常有用：为一个特定类声明通用的变量或者函数。prototype的定义你不需要显式地声明一个prototype属性，因为在每一个构造函数中都有它的存在。你可以看看下面的例子：Example PT1CODE:function Test(){}alert(Test.prot
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
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...
prototype为对象添加属性和方法
anda9128的博客
04-22 565
可以通过prototype来为已经定义好的的"类"添加属性和方法。这里来了解一下prototype的基础知识。prototype是"构造函数"的属性，不是实例的属性. 示例： function HiClass() { this.sayHi = function(){ alert("hi"); } } var o...
JS利用prototype给类添加方法操作详解
10-16
给类添加属性和方法通常在构造函数内部完成，通过使用`this`关键字。例如： ```javascript function MyClass(name, age) { this.name = name; this.age = age; } ``` 这里，`this.name`和`this.age`是类的属性，...
js的Prototype属性解释及常用方法
12-08
函数：原型 每一个构造函数都有一个属性叫做原型(prototype,下面...给prototype添加属性 就如你在上面所看到的，prototype是一个对象，因此，你能够给它添加属性。你添加给prototype的属性将会成为使用这个构造函数创建
Javascript中prototype属性实现给内置对象添加新的方法
10-24
主要介绍了Javascript中prototype属性实现给内置对象添加新的方法,涉及javascript中prototype属性的使用技巧,需要的朋友可以参考下
JavaScript中prototype为对象添加属性的误区介绍
10-26
总结，正确使用`prototype`为对象添加属性和方法是JavaScript中的重要技巧，理解其背后的机制和潜在误区，可以帮助编写出更高效、易于维护的代码。在实践中，要注意属性访问效率、方法共享、原型链查找以及如何动态...
js资料prototype 属性
12-10
总的来说，`prototype`属性是JavaScript实现继承和共享功能的关键，它使得我们可以为对象类型添加新的属性和方法，而无需为每个实例分别定义，大大提升了代码的效率和可维护性。了解并熟练运用`prototype`属性是深入...
JavaScript为对象原型prototype添加属性的两种方式
10-28
为对象原型prototype添加属性的的方法， 需要的朋友可以参考下。
JS利用prototype给类添加方法
weixin_39616739的博客
10-13 357
可以利用this给这个类增加一个 toString 方法，代码如下： function MyClass(name,age){ this.name = name; this.age = age; this.toString() = function(){//添加toString()方法 alert(this.name +":"+ this.age); }; } var cls...
HTML开发与应用：利用prototype给函数添加方法。
qq_42802111的博客
08-09 1103
HTML开发与应用：利用prototype给函数添加方法。 在书写函数时我们可能会发现之前的函数需要添加一些方法，那么一种方法就是利用prototype，给原先的函数添加新的方法。 下面我们来看一段代码： function student(){ alert(&amp;quot;000&amp;quot;); this.height=1.78; th...
JavaScript：利用prototype属性向对象中添加属性和方法
meigesir的专栏
07-18 639
对象属性prototype的描述：允许您向对象添加属性和方法 假如：对String对象扩展一个新的方法trim()，过滤字符串的前后空格   String.prototype.trim = function(){ return this.replace(/(^\s+)|(\s+$)/g,""); }  使用刚创建的trim()方法:   var s = " abc "; s ...
javascript通过原型添加属性和方法
hongxiao2016的博客
03-26 3449
使用prototype关键字和点标记法为构造器添加属性和方法 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <script> function t...
element 往node里面增加属性值_【JavaScript 教程】DOM——Node 接口
weixin_39830175的博客
11-30 486
作者 | 阮一峰所有 DOM 节点对象都继承了 Node 接口，拥有一些共同的属性和方法。这是 DOM 操作的基础。1、属性1.1、Node.prototype.nodeTypenodeType属性返回一个整数值，表示节点的类型。document.nodeType // 9上面代码中，文档节点的类型值为9。Node 对象定义了几个常量，对应这些类型值。document.nodeType ...
JavaScript知识点之prototype
玉案轩窗的博客
08-18 1818
前言prototype是所有函数都有的内置属性，prototype属性的值是对象，该对象称之为原型对象。原型是Js的核心概念之一，它引申出继承、原型链等其他概念，本文就详细的分析总结下prototype的相关知识点。在理解prototype之前，我觉得有必要讲讲面向对象，当然这里不会讲很多，就讲讲Js的面向对象与Java面向对象的区别。 联系：都是面向对象编程 区别：
[乐意黎转载]JavaScript中原型对象的彻底理解
打杂人
12-05 838
一、什么是原型 原型是Javascript中的继承的继承，JavaScript的继承就是基于原型的继承。 1.1 函数的原型对象 ​ 在JavaScript中，我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B，而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即：prototype的属性的值是这个对象 )。这个对象B就是函
prototype全解全析
qq_52207728的博客
05-22 1025
prototype和原型链查找： 任何函数都有 prototype属性， prototype是英语“原型”的意思。prototype属性值是个对象，它默认拥有constructor属性指回函数。 举个栗子： function sum(a,b){ return a+b; } console.log(sum.prototype); // {constructor: ƒ} console.log(typeof sum.prot
js prototype方法
最新发布
09-13
JavaScript 中的原型（prototype）是一个对象，它用于存储共享属性和方法，可以被其他对象继承。可以使用 prototype 属性来添加新的属性和方法到已有的对象构造函数中。 通过使用原型，可以在 JavaScript 中实现...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值