기본적으로 지원되지 않는 ES6 클래스의 클래스 변수를 어떻게 관리합니까?-JS 튜토리얼-php.cn

기본적으로 지원되지 않는 ES6 클래스의 클래스 변수를 어떻게 관리합니까?

Barbara Streisand

풀어 주다： 2024-11-15 12:46:02

원래의

482명이 탐색했습니다.

How do you manage class variables in ES6 classes when they are not natively supported?

Class Variable Alternatives in ES6

In ES5, developers often used a comfortable pattern to create classes and class variables, as demonstrated in the following code:

// ES 5
FrameWork.Class({

    variable: 'string',
    variable2: true,

    init: function(){

    },

    addItem: function(){

    }

});

로그인 후 복사

However, in ES6, creating classes natively doesn't include the option to have class variables, as shown below:

// ES6
class MyClass {
    const MY_CONST = 'string'; // &lt;-- this is not possible in ES6
    constructor(){
        this.MY_CONST;
    }
}

로그인 후 복사

This is because ES6 classes are restricted to containing methods. While it's possible to set this.myVar in the constructor, it's undesirable to clutter the constructor, especially with large classes.

Several approaches have been considered to address this issue, including:

Creating a ClassConfig handler: Pass a parameter object to the handler, which is declared separately from the class. The handler would then attach to the class. WeakMaps could potentially be integrated for this purpose.
A stage 3 proposal: This proposal allows declaring variables within a class declaration/expression body using the syntax varName = value. It's expected to become obsolete in the future.
Setting constructor variables: While not a perfect solution, constructor(){ this.foo = bar } can be used to set instance variables.
ES7 property initializers: A new proposal for ES7 allows declaring more concise instance variables using class declarations and expressions.

위 내용은 기본적으로 지원되지 않는 ES6 클래스의 클래스 변수를 어떻게 관리합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!