javascript 中的构造函数参数

Question

我正在尝试了解 javascript 中的构造函数。我在看一些教程，其中这个构造函数：

class Human{
    constructor() {
      this.gender = 'male'

    }
    printGender(){
      console.log(this.gender);
    }
  }

也是用更短的语法编写的，如下所示：

class Human{
    gender = 'male';

    printGender = () =>{
      console.log(this.gender);
    }
  }

我完全可以理解这一点。但是，如果我有一些参数怎么办。例如：

class Human{
    constructor(gender, height) {
      this.gender = gender;
      this.height = height;

    }
    printGender(){
      console.log(this.gender);
    }
  }

我如何编写这种更短的语法并具有参数。我找不到关于这个问题的任何信息。有什么帮助吗？

Answer 1

您编写的代码可以接受。

您还可以：

class Human {
    gender;
    height;

    constructor(gender, height) {
      this.gender = gender;
      this.height = height;

    }
    printGender(){
      console.log(this.gender);
    }
  }

Answer 2

前期字段声明只是一个自我文档。要设置实例值，我们必须在实例化 class 期间使用构造方法，就像@Tobiq 所说的那样。

javascript 中的构造函数参数

constructor parameters in javascript

javascript

ecmascript-6

ecmascript-next