Js利用prototype自定義數(shù)組方法示例
前言
在開(kāi)始之前，先給大家介紹下js中使用使用原型（prototype）定義方法的好處
經(jīng)常在前端面試或是和其他同行溝通是，在談到構(gòu)造在JS定義構(gòu)造函數(shù)的方法是最好使用原型的方式：將方法定義到構(gòu)造方法的prototype上，這樣的好處是，通過(guò)該構(gòu)造函數(shù)生成的實(shí)例所擁有的方法都是指向一個(gè)函數(shù)的索引，這樣可以節(jié)省內(nèi)存。
而本文主要給大家介紹了關(guān)于Js利用prototype自定義數(shù)組方法的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧。
題目
如何實(shí)現(xiàn)下列代碼：
[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>
在控制臺(tái)顯示效果如下：
注意點(diǎn)
在書寫這段代碼時(shí)Array.prototype.duplicator注意不要添加任何括號(hào)，function 內(nèi)部的this 指代調(diào)用這個(gè)方法的對(duì)象，即array.
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，本文還有許多不足，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
js 鼠標(biāo)拖動(dòng)對(duì)象 可讓任何div實(shí)現(xiàn)拖動(dòng)效果
js鼠標(biāo)拖動(dòng)對(duì)象，可讓任何div實(shí)現(xiàn)拖動(dòng)效果,需要的朋友可以參考下。2009-11-11
js獲取當(dāng)前地址 JS獲取當(dāng)前URL的示例代碼
本篇文章主要是對(duì)js獲取當(dāng)前地址 JS獲取當(dāng)前URL的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
本文是javascript插件化開(kāi)發(fā)系列教程的第六篇文章，還是重點(diǎn)對(duì)上一篇文章不足的地方進(jìn)行改進(jìn)重構(gòu)，逐步分析讓大家能有一個(gè)新的認(rèn)識(shí)，希望小伙伴們能夠喜歡。2015-02-02
使用mock.js隨機(jī)數(shù)據(jù)和使用express輸出json接口的實(shí)現(xiàn)方法
這篇文章主要介紹了使用mock.js隨機(jī)數(shù)據(jù)和使用express輸出json接口的實(shí)現(xiàn)方法,需要的朋友可以參考下2018-01-01
統(tǒng)一接口：為FireFox添加IE的方法和屬性的js代碼
統(tǒng)一接口：為FireFox添加IE的方法和屬性的js代碼...2007-03-03
本篇文章主要是對(duì)js判斷url是否有效的兩種方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
javascript伸縮菜單欄實(shí)現(xiàn)代碼分享
這篇文章主要介紹了javascript伸縮菜單欄實(shí)現(xiàn)代碼，點(diǎn)擊標(biāo)題顯示下級(jí)菜單，節(jié)約了空間，使頁(yè)面排版更加緊湊，感興趣的小伙伴們可以參考一下2015-11-11
JS技巧動(dòng)手實(shí)現(xiàn)紅包兔子雨效果示例詳解
這篇文章主要為大家介紹了JS技巧動(dòng)手實(shí)現(xiàn)紅包兔子雨效果示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
javascript 單例模式詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了javascript 單例模式詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02
按鈕組和下拉菜單組件一樣，需要依賴于button.js插件才能正常運(yùn)作。通過(guò)本文給大家詳細(xì)介紹Bootstrap按鈕組件，感興趣的朋友一起學(xué)習(xí)吧2016-04-04