javascript - Javascript 类中的实例变量

Question

我主要使用 PHP 和 Java 编写代码，但偶尔也会在项目的前端工作并使用 JavaScript。我通常创建与下面不同的对象，但我遇到了这个，它引起了我的兴趣，因为它的语法与我通常编程的语法相似。

我四处寻找，试图找出如何使用以下语法在 JavaScript 类中使用实例变量。我已经尝试通过 name; 或 _name; 或 var name; 或所有这些先前的变量声明实例变量并添加= null;，但我的控制台仍然出现错误。错误主要是 my-file.js:2 Uncaught SyntaxError: Unexpected identifier。我只是想通过我的构造函数设置我的实例变量。

如何使用以下语法在 JavaScript 中使用实例变量？

class MyClass {
  var _name;

  constructor(name) {
    _name = name;
    alert("Hello world, from OO JS!");
    this.myFunction();
  }

  myFunction() {
    document.getElementById("myElement").addEventListener("click", function() {
        console.log("Ant's function runs. Hello!");
    });
  }
}

window.onload = function() {
  var person = "John Smith";
  var myClass = new MyClass(person);
}

Answer 1

这仍然是一个 proposal它看起来如下:

class A {
   property = "value";
}

顺便说一句，当你想访问一个类属性(即一个自己的对象属性)时，你仍然需要使用 this.property:

class A {
    property = "value";

    constructor() {
        console.log(this.property);
    }
}

如果你今天想使用这种语法，你需要使用像 Babel 这样的转译器。 .