ES6 클래스에서 "this"가 암시 적이 지 않은 이유는 무엇입니까?

Question

나는 ES5에서 화살표 기능 및 클래스와 같이 this 키워드와 함께 존재하는 많은 문제를 ES6에서 해결했습니다.

내 질문은 ES6 클래스의 컨텍스트에서 this의 사용과 관련이 있으며 명시 적으로 작성해야하는 이유는 무엇입니까? 나는 원래 Java 개발자 였고 다음 코드 줄이 완벽하게 자연 스럽다. 그 방법의 범위에 정의 된 이름 myName와 로컬 변수를 가지고 있지 않는

class Person { 
    private String myName; 

    public Person() { 
    myName = "Heisenberg"; 
    } 

    public void sayMyName() { 
    System.out.println("My name is " + myName); 
    } 
} 

컴파일러는 항상 myName 필드의 값을 참조한다.

그러나 한 번 우리는 ES6이 코드를 변환 :

class Person { 

    constructor() { 
    this.myName = "Heisenberg"; 
    } 

    sayMyName() { 
    console.log(`My name is ${myName}`); 
    } 
} 

이 작동하지 않으며 그것은 Uncaught ReferenceError: myName is not defined 발생합니다. 이 문제를 해결하는 유일한 방법은 명시 적 this 참조 던져하는 것입니다 ES6 수업이 필드 생성자의 외부에서 정의하는 것을 허용하지 않기 때문에

console.log(`My name is ${this.myName}`) 

내가 생성자에서 this의 필요성을 이해하지만 Javascript 엔진이 Java 컴파일러와 동일한 기능을 수행 할 수없는 이유를 이해할 수 없습니다. sayMyName

Answer 1

아마도 귀하의 질문에 직접 답변하지는 않겠지 만, JS class 키워드에 대해 생각해야 할 방향을 지시합니다.

표지에는 마법에 관한 내용이 없습니다. 기본적으로 자바 스크립트가 시작된 이후 프로토 타입 상속에 대한 통설적인 설탕입니다.

JS의 수업에 대한 자세한 내용을 보려면 here 및 here을 클릭하십시오.

명시 적으로 this을 써야하는 이유는 JS에서 항상 상황에 맞는 것으로서 정확한 개체를 참조해야하기 때문입니다. more을 읽으십시오.