js基础复习7-原型对象用途-利用原型对象扩展内置对象方法

最新推荐文章于 2021-11-18 15:44:18 发布
最新推荐文章于 2021-11-18 15:44:18 发布
阅读量168 收藏
点赞数
分类专栏： javascript 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dyw3390199/article/details/114964205
版权

我们先看一下数组的原型对象上面有些什么东西：

console.log(Array.prototype)

在这里插入图片描述
这些都是数组提供的方法，但是没有求和方法，我们可以利用原型对象扩展内置对象方法，比如增加一个数组求和方法：

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script type="text/javascript">
		console.log(Array.prototype)
		Array.prototype.sum = function() {
			var result = 0
			for (var i=0; i<this.length; i++) {
				result += this[i]
			}
			return result
		}
		var arrSum = [1,2,3,4,5].sum()
		console.log(arrSum)
	</script>
</body>
</html>

在这里插入图片描述
现在数组也有求和功能了

Akimoto Hiroshi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js prototype原型对象用处
s123917的博客
09-02 139
[code="java"]function Bird(){ } var bird = new Bird(); alert(Bird.prototype); // [object Object] alert(bird.prototype); // undefined[/code] 1、使用prototype实现继承： [code="java"]function Animal(){ ...
JavaScript 扩展数组方法 - prototype
Mark
11-07 733
Array 内置了很多方法，但是它无法满足所有用户的需求，这时可以为 Array 对象扩展方法，提高代码重用率。扩展数组的方法一般通过为 Array 对象定义原型方法来实现，这些原型方法能够被所有数组对象继承。 Array.prototype.hello = function(){ //定义Array对象的原型方法 alert("Hello world"); } //上面3行代...
原型对象应用——扩展内置对象方法（prototype）
胡图图不糊涂的博客
03-14 216
一、扩展前 上图： 可知原来的Array.prototype并没有求和方法（sum） 二、扩展内置对象方法 js代码： console.log(Array.prototype); Array.prototype.sum=function () { var sum=0; for (let i=0;i<this.length;i++){ sum+=...
利用原型对原始对象的方法进行扩展（javascript面试题）
szy1000的专栏
06-07 1290
javascript面试题目。 对String对象定义一个重复n次数的方法。或者是对Array对象扩展一个求和的方法。下面我就以扩展Array的求和方法作为例子。有兴趣的同学可以自己写写第一个题目。分析：由于扩展原始对象的方法，我们就必须在原型链（prototype）上面添加方法了。如果你不懂什么是原型，那就先去看我的博客面向对象。
原型对象，扩展原型对象
weixin_45611823的博客
06-09 263
原型构造函数获取对象的__proto__属性指向的构造函数的prototype属性。也就是原型对象原型链原型的修改或改变Object的原型对象给我们提供的方法 构造函数 构造函数就是为了创建出很多具有相同属性和方法的实例对象 function Person(name) { this.mName = name; this.sayName = function() { return this.mName;
JavaScript使用原型和原型链实现对象继承的方法详解
12-12
实际上JavaScript并不是一门面向对象的语言，不过JavaScript基于原型链的继承方式、函数式语法，使得编程相当灵活，所以可以利用原型链来实现面向对象的编程。 之前对JavaScript一直都是一知半解，这两天看了一下...
Javascript中获取对象的原型对象的方法小结
10-24
主要介绍了Javascript中获取对象的原型对象的方法小结,需要的朋友可以参考下
JS原型对象的创建方法详解
10-22
主要介绍了JS原型对象的创建方法,结合实例形式详细分析了js对象的创建方法与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript中定义对象原型的两种使用方法
10-20
本文主要对JavaScript中定义对象原型的两种使用方法进行介绍，具有很好的参考价值，下面就跟小编一起来看下吧
Array.prototype 的 keys(),values(),entries() 方法
Novice-XiaoSong的博客
10-26 222
均返回一个迭代器数组(Array Iterator)，其中，keys() 返回的内容是键，values() 返回的内容是值，entries() 返回的内容是键值对 用法let l = [1,2,3,4] // keys() for(let key of l.keys()){ console.log(key); }// 0 1 2 3 // values() for(let value of l.values()){ console.log(value); }// 1 2 3 4 // entrie.
模拟 javaScript Array 原型上的方法
weixin_33698043的博客
04-13 112
Array.prototype.push let arr = [1,2,3,4,5] let arrLike = {0:1,1:2,length:2} let obj = {} /** * Array.prototype.push(element1,...,elementN) * 向数组末尾添加N个元素并且返回数组长度 * https://developer.mozilla.org/zh-...
JavaScript数组内置方法大全
guoqkmiss的博客
08-17 556
JavaScript中Array的内置方法 方法 描述 concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。 copyWithin() 方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。 entries() 方法返回一个新的Array Iterator对象，该对象包含数组中每个索引的键/值对。 every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。 fill() 方法用
javaScript 高级02 原型对象、原型链、继承、ES5的一些方法
weixin_45734686的博客
11-05 147
javaScript 高级02 1. 构造函数和对象原型 1.1 对象的三种创建方式–复习 字面量方式 var obj = {}; new关键字 var obj = new Object(); 构造函数方式 function Person(name,age){ this.name = name; this.age = age; } var obj = new Person(‘...
JS 数组原型对象 扩展内置求和方法
weixin_55757789的博客
11-18 755
扩展原型内置对象求和 <script> Array.prototype.sum = function() { var sum = 0; for (var i = 0; i < this.length; i++) { sum += this[i]; } return sum; }; var arr = [4
数组扩展方法之求和
weixin_33811539的博客
02-28 195
实现功能：如果是数字，直接相加；如果是字符串，则拼接；如果两者都有，则将字符串拼接到数字后面。//如果已经存在这个方法，直接赋值Array.prototype.sum = Array.prototype.sum || function(argument){ var sum ; if (typeof argument == 'number'){ sum = 0; } ...
javascript 数组原型方法总结
weixin_38703858的博客
08-30 300
会改变原数组的数组方法：push(),pop(),shift(),unshift(),soft(),revese(),splice() 1.push接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度 var arr = ["1","2","3"] var item = arr.push("4","5"); console.log(arr); //["1"...
牛客原型链练习题(持续更新)
此博客停止维护和更新，已转移https://github.com/ilvseyinfu/blog
09-06 1279
输入 var C = function() {this.foo = 'bar'; this.baz = 'bim';}; C.prototype.bop = 'bip'; iterate(new C()); 输出 ["foo: bar", "baz: bim"] function iterate(obj) { var arr = []; f
axios四种方式GET/POST/DELETE/PUT的参数传递
热门推荐
Hiroshi's
12-19 5万+
看一个最简单的例子： app.get('/adata', (req, res) => { res.send('hello axios!') }) axios.get('http://localhost:9999/adata').then((response)=>{ console.log(response.data) }) 结果： 注意这里的data是固定的 如果我们只看返回的response: axios参数传递..
接口调用Fetch方法以及fetch请求参数
Hiroshi's
12-18 1万+
fetch概述 看一个基本的例子： 服务端代码： app.get('/fdata',(req,res)=>{ setTimeout(function(){ res.send('this is content retrived by fetch method') },3000) }) 测试： <script> fetch('http://127.0.0.1:9999/fdata').then((data) => {
用js给构造方法Animal原型对象添加方法sleep
最新发布
03-25
要给构造方法 Animal 原型对象添加方法 sleep，您可以使用以下代码： ``` Animal.prototype.sleep = function() { console.log("Animal is sleeping."); } ``` 这样，创建的所有 Animal 对象实例都会继承这个方法...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值