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 相关文章推荐
JS和函数式语言的三特性
Mar 05 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 Javascript
jQuery中库的引用方法
Jan 06 jQuery
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
详解基于vue-cli3快速发布一个fullpage组件
Mar 08 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
Nuxt.js nuxt-link与router-link的区别说明
Nov 06 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
Dec 10 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 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
在字符串中把网址改成超级链接
2006/10/09 PHP
php中对xml读取的相关函数的介绍一
2008/06/05 PHP
php使用curl通过代理获取数据的实现方法
2016/05/16 PHP
ThinkPHP3.2.1图片验证码实现方法
2016/08/19 PHP
php组合排序简单实现方法
2016/10/15 PHP
Laravel 5.5官方推荐的Nginx配置学习教程
2017/10/06 PHP
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
JavaScript实现可拖拽的拖动层Div实例
2015/08/05 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
js事件冒泡与事件捕获详解
2017/02/20 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
微信小程序组件传值图示过程详解
2019/07/31 Javascript
jQuery实现的记住帐号密码功能完整示例
2019/08/03 jQuery
react使用CSS实现react动画功能示例
2020/05/18 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
vue接口请求加密实例
2020/08/11 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
2020/11/18 Vue.js
压缩包密码破解示例分享(类似典破解)
2014/01/17 Python
python matplotlib实现双Y轴的实例
2019/02/12 Python
基于Python函数和变量名解析
2019/07/19 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
草莓网美国官网:Strawberrynet USA
2016/12/11 全球购物
土木工程毕业生自荐信
2013/11/12 职场文书
团员的自我评价
2013/12/01 职场文书
餐饮业的创业计划书范文
2013/12/26 职场文书
企业标语口号
2014/06/10 职场文书
党员个人承诺书
2015/04/27 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
2016国培研修心得体会
2016/01/08 职场文书
导游词之太行山青龙峡
2020/01/14 职场文书