javascript class static variable

자바스크립트에서 정적인 함수는 지원 하지만 정적인 변수는 우회적으로 사용해야 한다.
긴 설명 없이 바로 실행되는 코드를 분석해 보자.

정적 클래스나 프로토 타입 데이터 변수는 ClassBody 선언 외부에서 정의 되어야 한다.
이 한줄은 많은것을 내포하고 있다.

class People {
    static sayName() {
        console.log('myname is ' + People.myname);
    }
}

People.myname = 'ken';
People.sayName();

결과)
myname is ken

아래 구문도 위와 같이 실행 된다.

class People {
    static sayName() {
        console.log('myname is ' + this.myname);
    }
}

결과)
myname is ken

다음을 실행해 보자.

class People {
    constructor() {
        this.nickname = 'none name';
    }

    static sayName() {
        console.log('myname is ' + this.myname);
    }
}

People.myname = 'ken';
People.sayName();
let people = new People();
console.log(people);

생성자 내부에서 선언된 변수 this.nickname은 __proto__ 속성이 아니다.
생성자 외부에서 선언된 this.myname은 __proto__ 속성이다.
외부에서 선언한 변수는 __proto__ 속성처럼 실행된다.

위의 __proto__ 속성을 응용해서 간단한 싱글패턴을 만들어 보자.

RunState.createInstance : 싱글턴 인스턴스를 생성한다.
RunState.instance : 싱글턴 인스턴스를 getter, setter로 접근한다.

class RunState{
    static get instance() {
        return this._instance;
    }

    static set instance(obj) {
        this._instance = obj;
    }

    static createInstance() {
        if(!RunState.instance) {
            console.log('create RunState Instance');
            RunState.instance = new RunState();
        }
    }

    constructor() {
    }

    enter(unit) {
        console.log('RunState enter');
    }
    execute(unit, dt) {
        console.log('RunState execute');
    }
    exit(unit) {
        console.log('RunState exit');
    }
}

RunState.createInstance();
RunState.createInstance();
console.log (RunState.instance);

결과)
create RunState Instance
RunState

RunState.createInstance 함수를 두번 실행했지만 이미 RunState가 생성되어 있으면 만들지 않는다.

참고)
class에서 정적인 변수 사용
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Classes
https://stackoverflow.com/questions/51381966/how-do-i-use-a-static-variable-in-es6-class
class에 대해
https://scotch.io/tutorials/better-javascript-with-es6-pt-ii-a-deep-dive-into-classes
class 삭제
https://stackoverflow.com/questions/42175566/can-we-delete-es6-class
class에서 private 선언하는 방법
https://gomugom.github.io/how-to-make-private-member/