Js利用prototype自定义数组方法示例


Posted in Javascript onOctober 20, 2017

前言

在开始之前,先给大家介绍下js中使用使用原型(prototype)定义方法的好处

经常在前端面试或是和其他同行沟通是,在谈到构造在JS定义构造函数的方法是最好使用原型的方式:将方法定义到构造方法的prototype上,这样的好处是,通过该构造函数生成的实例所拥有的方法都是指向一个函数的索引,这样可以节省内存。

而本文主要给大家介绍了关于Js利用prototype自定义数组方法的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

题目

如何实现下列代码:

[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]

解决方法

使用array的prototype属性,自定义duplicator()方法,js代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style></style>
 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
</head>
<body>
 <script>
 Array.prototype.duplicator = function() {
 let s = this.concat(this)
 return s
 }
 let t = [1,2,3,4,5].duplicator()
 console.log(t)
</script>

</body>
</html>

在控制台显示效果如下:

Js利用prototype自定义数组方法示例

注意点

在书写这段代码时Array.prototype.duplicator注意不要添加任何括号,function 内部的this 指代调用这个方法的对象,即array.

总结

以上就是这篇文章的全部内容了,本文还有许多不足,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
比较全面的event对像在IE与FF中的区别 推荐
Sep 21 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
Jun 29 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
详谈jQuery中的this和$(this)
Nov 13 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
js实现将json数组显示前台table中
Jan 10 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
vue favicon设置以及动态修改favicon的方法
Dec 21 Javascript
JavaScript设计模式之观察者模式实例详解
Jan 16 Javascript
使用vue for时为什么要key【推荐】
Jul 11 Javascript
js 中rewrap-ajax.js插件实例代码
Oct 20 #Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 #jQuery
JS 中使用Promise 实现红绿灯实例代码(demo)
Oct 20 #Javascript
用JavaScript做简易的购物车的代码示例
Oct 20 #Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 #Javascript
phantomjs导出html到pdf的方法总结
Oct 19 #Javascript
vue2.0设置proxyTable使用axios进行跨域请求的方法
Oct 19 #Javascript
You might like
多人战的战术与战略
2020/03/04 星际争霸
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
JavaScript 继承详解(四)
2009/07/13 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
javascript右下角弹层及自动隐藏(自己编写)
2013/11/20 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
JavaScript检测鼠标移动方向的方法
2015/05/22 Javascript
JavaScript中的lastIndexOf()方法使用详解
2015/06/06 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
基于JavaScript FileReader上传图片显示本地链接
2016/05/27 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
javascript 数组去重复(在线去重工具)
2016/12/17 Javascript
基于canvas的二维码邀请函生成插件
2017/02/14 Javascript
使用 NodeJS+Express 开发服务端的简单介绍
2017/04/07 NodeJs
vue中使用v-model完成组件间的通信
2019/08/22 Javascript
Vue 实现html中根据类型显示内容
2019/10/28 Javascript
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
wxPython中listbox用法实例详解
2015/06/01 Python
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
python爬虫爬取快手视频多线程下载功能
2018/02/28 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
澳大利亚领先的内衣店:Bendon Lingerie澳大利亚
2020/05/15 全球购物
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
Linux中如何用命令创建目录
2016/12/02 面试题
2014年大班元旦活动方案
2014/02/26 职场文书
讲党性心得体会
2014/09/03 职场文书
布达拉宫的导游词
2015/02/02 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
七年级作文之游记
2019/12/11 职场文书
pytorch损失反向传播后梯度为none的问题
2021/05/12 Python
python playwrigh框架入门安装使用
2022/07/23 Python