>웹 프론트엔드 >JS 튜토리얼 >Js가 프로토타입을 사용하여 사용자 정의 배열을 구현하는 방법에 대한 사례

Js가 프로토타입을 사용하여 사용자 정의 배열을 구현하는 방법에 대한 사례

黄舟
黄舟원래의
2017-10-20 10:42:091639검색

머리말

저는 프론트엔드에서 인터뷰를 하거나 다른 동료들과 소통하는 경우가 많습니다. 구축에 있어서는 JS에서 생성자를 정의하는 것이 프로토타입을 사용하는 가장 좋은 방법입니다. 생성자의 프로토타입에 메소드를 정의하는 것입니다. 이점 예, 이 생성자에 의해 생성된 인스턴스의 메서드는 모두 함수의 인덱스를 가리키므로 메모리를 절약할 수 있습니다.

이 글은 주로 프로토타입을 사용하여 배열 방법을 사용자 정의하는 Js에 대한 관련 내용을 소개하고 참고 및 연구를 위해 공유합니다. 아래에서는 자세한 소개를 살펴보겠습니다.

Question

다음 코드를 구현하는 방법:


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

Solution

배열의 프로토타입 속성을 사용하고, 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

🎜🎜rrreee🎜🎜콘솔에 표시되는 효과는 다음과 같습니다. 🎜🎜

🎜🎜🎜이 코드를 작성할 때 주의하세요🎜🎜🎜🎜 Array.prototype .duplicator함수 내에서 괄호를 추가하지 않도록 주의하세요. 이는 이 메서드를 호출하는 개체, 즉 배열을 참조합니다.🎜

위 내용은 Js가 프로토타입을 사용하여 사용자 정의 배열을 구현하는 방법에 대한 사례의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.