ES.next 정적 클래스 속성을 참조하는 적절한 방법은 무엇입니까?

Question

I가 예상대로 작동하지만, 나는 그것이 올바른 방법입니다 확신 아니에요 다음 코드 :

'use strict'; 

class Upload { 
    static uploadCount = 20; 

    constructor(props) { 
    Upload.uploadCount++; 
    } 

    static get count() { 
    return this.uploadCount; 
    } 
} 

const up1 = new Upload({ 
    name: 'Wow.pdf', 
    size: 123123, 
}); 

const up2 = new Upload({ 
    name: 'doit.pdf', 
    size: 9999999, 
}); 

console.log(Upload.count); 

왜 constructor 정적 게터 캔처럼 this.uploadCount를 통해 정적 var에 참조 할 수 없습니다? 인스턴스화 된 Upload 개체의 양을 추적하는 더 좋고/올바른 방법이 있습니까?

Answer 1

this은 방금 생성 된 개체 인스턴스를 참조합니다. 정적 속성은 인스턴스가 아니라 생성자 자체의 속성입니다. 따라서 인스턴스 메서드에서 인스턴스를 참조하려면 Upload.uploadCount과 같이 생성자 이름을 사용해야합니다.

---

참고로, 사용하는 구문은 다음과 같습니다

static uploadCount = 20; 

는 ES2015의 표준과 나는 그것이 바벨로되어 작동하는지 확실히 알고있는 유일한 장소가 아니다. 이식 가능한 코드를 원하고 Babel을 사용하지 않는 경우 해당 구문을 사용하면 안됩니다. 당신은 구식으로 변경할 수 있습니다 :

Upload.uploadCount = 20; 

그리고 클래스 정의 다음에 넣고 이식성이 있어야합니다.

---

정적 속성에 사용할 구문은 향후 JS 개정판에서 제안되지만 마지막으로 아직 확인되지 않았 음을 확인했습니다.