ES6 +实例属性在构造函数之外实例化

Question

在React / React-Native中使用ES6 +语法时，变量foo在构造函数之外定义时会以this.调用时以某种方式转换为实例变量。我的断言是真的吗？为什么它在构造函数中没有实例化时甚至可以工作？这里有一个相应的React Native代码片段：

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阅读的Stack Overflow讨论无法回答这个问题。

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