> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 개체에서 생성자 동작을 어떻게 시뮬레이션할 수 있습니까?

JavaScript 개체에서 생성자 동작을 어떻게 시뮬레이션할 수 있습니까?

Barbara Streisand
풀어 주다: 2024-11-07 08:59:03
원래의
480명이 탐색했습니다.

How Can You Simulate Constructor Behavior in JavaScript Objects?

JavaScript 객체에서 생성자 생성

JavaScript 객체에는 Java 또는 C와 같은 언어에서 발견되는 전통적인 의미의 생성자가 없습니다. 그러나 생성자 동작을 에뮬레이트하는 기술이 있습니다.

프로토타입을 사용하여 생성자 에뮬레이션:

프로토타입은 객체에 대한 청사진을 생성하는 방법을 제공합니다. 함수를 생성자로 정의하고 해당 프로토타입을 설정하면 생성자를 시뮬레이션할 수 있습니다.

<code class="js">function Box(color) { // Constructor
  this.color = color;
}

Box.prototype.getColor = function() {
  return this.color;
};</code>
로그인 후 복사

비공개 멤버 변수 및 숨기기:

비공개와 유사한 것을 생성하려면 멤버 변수인 경우 생성자 내에서 변수를 선언하고 이에 액세스하기 위한 getter 메소드를 제공할 수 있습니다.

<code class="js">function Box(col) {
  var color = col;

  this.getColor = function() {
    return color;
  };
}</code>
로그인 후 복사

사용법:

new 키워드는 지정된 색상으로 인스턴스를 생성합니다.

<code class="js">var blueBox = new Box("blue");
alert(blueBox.getColor()); // Alerts "blue"

var greenBox = new Box("green");
alert(greenBox.getColor()); // Alerts "green"</code>
로그인 후 복사

참고:

이러한 기술은 실제 생성자는 아니지만 객체 초기화를 위한 메커니즘을 제공합니다. 구조화된 방식으로 데이터에 액세스합니다. 이는 기본 클래스를 확장할 필요 없이 재사용 가능하고 캡슐화된 객체를 생성하기 위해 JavaScript에서 일반적으로 사용됩니다.

위 내용은 JavaScript 개체에서 생성자 동작을 어떻게 시뮬레이션할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿