ホームページ > 記事 > ウェブフロントエンド > Js がプロトタイプを使用してカスタム配列を実装する方法の例
Js がプロトタイプを使用してカスタム配列を実装する方法の例
- 黄舟オリジナル
- 2017-10-20 10:42:091588ブラウズ
前書き
私はよくフロントエンドでインタビューしたり、他の同僚とコミュニケーションしたりすることがありますが、構築に関して言えば、JS でコンストラクターを定義することがプロトタイプを使用する最良の方法です。つまり、コンストラクターのプロトタイプにメソッドを定義します。利点 はい、このコンストラクターによって生成されるインスタンスのメソッドはすべて関数のインデックスを指すため、メモリを節約できます。
この記事では主に、プロトタイプを使用して配列メソッドをカスタマイズするための Js に関する関連コンテンツを紹介し、参考と学習のために共有します。以下では多くを説明しません。詳細な紹介を見てみましょう。
質問
次のコードの実装方法:
[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
解決策
配列のプロトタイプ属性を使用し、duplicator()メソッドをカスタマイズします、js コードは次のとおりです: 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
🎜🎜🎜このコードを記述するときは注意してください🎜🎜🎜🎜 Array.prototype .duplicator関数内の this は、このメソッドを呼び出すオブジェクト、つまり array.🎜 を参照しないように注意してください。
以上がJs がプロトタイプを使用してカスタム配列を実装する方法の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。