Js如何使用prototype實作自訂數組的案例
- 黄舟原創
- 2017-10-20 10:42:091582瀏覽
前言
經常在前端面試或是和其他同儕溝通是，在談到建構在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>
在控制台顯示效果如下：
#注意點
#在書寫這段程式碼時Array.prototype.duplicator注意不要加入任何括號，function 內部的this 指稱調用這個方法的對象，即array.
以上是Js如何使用prototype實作自訂數組的案例的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn