클래스 필드 및 정적 속성 이해

안녕하세요! 클래스 필드 및 정적 속성에 대한 이 기사에 오신 것을 환영합니다!
ES15에는 클래스 본문 내에서 직접 클래스 필드와 정적 속성을 정의하는 기능이 추가되었습니다. 이렇게 하면 속성을 초기화하기 위해 생성자 함수가 필요하지 않으므로 코드가 더욱 깔끔하고 간결해집니다. 이것은 이 새로운 기능을 이해하는 것입니다!

1. 클래스를 정의합니다.

이를 사용하려면 클래스를 정의해야 합니다.

class myClass {
}

2. 클래스에 속성을 넣습니다.

클래스에 속성을 넣으면 속성이 정의됩니다.

class myClass {
    property1;
    property2;
}

필요한 만큼 속성을 추가할 수 있습니다.

3. constructor() 함수를 추가합니다.

생성자 함수를 추가하여 속성에 대한 this 개체의 키를 정의합니다.

class myClass {
    property1;
    property2;
    constructor(property1, property2) {
        this.property1 = property1;
        this.property2 = property2;
    }
}

4. 예시

다음은 JS에서 이 새로운 기능을 사용하는 예입니다.

class Person {
    name;
    age;
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
}

5. 결론

이번 포스팅의 결론은!
반응을 추가하고 북마크에 추가하세요!
아래에 댓글도 남겨주세요!
이 게시물은 The Frontend Challenge를 위해 작성되었습니다!

위 내용은 클래스 필드 및 정적 속성 이해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!