ES6 + экземпляр свойство экземпляра за пределами конструктора

Question

Используя ES6 + синтаксис в React/React родной, переменная foo, когда она определена вне конструктора каким-то образом превращается в переменную экземпляра при вызове с this.. Мое утверждение верно? Почему это даже работает, когда не создается экземпляр в конструкторе? Вот соответствующий Реагировать Родной фрагмент кода:

class myComponent extends Component { 
    constructor() { 
    super(); 
    } 

    foo = "bar"; 

    render() { 
    return (<View>{ this.foo }</View>); 
    } 
} 

---

This discussion about ES7 property initializers показывает, как переменная state будет заметно использоваться таким образом в React/React Native.

До сих пор связанные с переполнением стека дискуссии я прочитал через here и here не смог ответить на этот вопрос для меня ..

Answer 1

Ваше утверждение верно.

Проблема в том, что в настоящее время она находится только в stage-1, поэтому неясно, когда и когда она станет стандартом.

Ссылки:

• https://github.com/tc39/ecma262
• https://github.com/jeffmo/es-class-fields-and-static-properties
• https://github.com/jeffmo/es-class-fields-and-static-properties#part-1-class-instance-fields