JavaScript构造函数的语法糖

如何解决JavaScript构造函数的语法糖

假设我们有一个简单的构造函数；

function Person(firstName,lastName) {
    this.firstName = firstName;
    this.lastName = lastName;
}

我宁愿使用如下方式。

function Person(firstName,lastName);

//or

class Person(firstName,lastName);

我仔细阅读了文档，但找不到任何东西。除了其框架之外，本机javascript是否有语法糖或类似的东西？

解决方法

您已经问过JavaScript本身是否有做到这一点的功能。答案是否定的，JavaScript当前不支持该功能。您必须自己编写属性分配（或者您在第一个代码块中的方式，或者在constructor中的class定义中）。

---

除了JavaScript本身以外，TypeScript还可以编译成JavaScript，它的Parameter properties如下：

class Octopus {
  constructor(readonly name: string) {}
}

let dad = new Octopus("Man with the 8 strong legs");
dad.name;

请注意我们如何只使用缩短的 在构造函数上使用readonly name: string参数来创建和 初始化name成员。我们合并了声明，并 分配到一个位置。

通过在构造函数参数前面声明参数属性 使用辅助功能修饰符或readonly，或同时使用两者。将private用于 参数属性声明并初始化私有成员； 同样，public，protected和readonly也是如此。