javascript - JavaScript 中的构造函数参数

标签 javascript ecmascript-6 ecmascript-next

我正在尝试了解 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);
        }
      }

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

最佳答案

您编写的代码是可以接受的。

您还可以这样做:

class Human {
    gender;
    height;

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

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

关于javascript - JavaScript 中的构造函数参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55671095/

相关文章:

javascript - 当到达页面的开头或结尾时,按键得到 “remembered”

javascript - 如何检测浏览器何时阻止 iFrame

javascript - 如何使用phonegap在android中检测来电号码

javascript - AngularJS 图表未正确更新数据

javascript - 无法读取未定义的属性 'currentUser'

Javascript 使用装饰器将类变量转换为 Getter/Setter

javascript - JS 范围内的导出

javascript - 清除 HTML5 文件系统 API

javascript - Jest 模拟未覆盖函数或返回错误

javascript - 在纯现代 javascript 中调试数组方法链中间结果