JavaScript 클래스와 객체는 전통적인 방법을 사용하지 않고 생성자를 어떻게 처리합니까?

JavaScript 객체 생성자: 가이드

JavaScript 클래스와 객체에는 다른 프로그래밍 언어처럼 전통적인 의미의 생성자가 없습니다. 대신 프로토타입을 활용하여 속성과 메서드를 초기화하고 정의합니다.

프로토타입 기반 생성자

프로토타입을 사용하여 생성자를 생성하려면 다음 역할을 하는 함수 이름을 정의합니다. "생성자". 이 함수 내에서 "this" 키워드를 사용하여 속성과 메서드에 값을 할당합니다.

예:

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

이제 "Box" 함수는 생성자이며 "new"를 사용하여 새 개체를 인스턴스화할 수 있습니다.

<code class="javascript">var blueBox = new Box("blue");</code>

"Box" 개체에 대한 메서드를 정의하려면 함수의 "prototype" 속성을 사용합니다.

<code class="javascript">Box.prototype.getColor = function() {
    return this.color;
};</code>

개인 속성 숨기기

생성자 함수 내에서 속성을 변수로 선언하여 속성을 "숨길" 수도 있습니다.

<code class="javascript">function Box(col) {
    var color = col;
    ...
}</code>

사용법

다음 구문을 사용하여 새 개체를 인스턴스화하고 속성 및 메서드에 액세스할 수 있습니다.

<code class="javascript">var box1 = new Box("green");
box1.getColor(); // returns "green"</code>

이 접근 방식을 사용하면 JavaScript 개체의 속성과 메서드를 동적으로 초기화하고 정의할 수 있습니다.

위 내용은 JavaScript 클래스와 객체는 전통적인 방법을 사용하지 않고 생성자를 어떻게 처리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!