介绍
@babel/plugin-proposal-class-properties 是一个 babel 插件，用于支持使用类的属性初始化器在类的定义中直接给属性赋值。
在原生的 ES6 语法中，我们只能在构造函数中通过 this 关键字手动给属性赋值。而使用这个插件，我们可以使用类属性定义的语法，将属性的赋值直接写在类的定义中。
安装
通过 npm 可以很方便地安装这个插件：
npm install --save-dev @babel/plugin-proposal-class-properties
使用
在使用这个插件之前，需要先配置 .babelrc 文件：
{
"plugins": [
"@babel/plugin-proposal-class-properties"
]
}配置完成后，就可以在代码中使用类属性定义语法了。
示例
-- -------------------- ---- -------
----- ------ -
---- - --------
--- - ---
----- - -- -- -
---------------- -- ---- -- ------------- --- ----------- ----- -------
-
-
----- - - --- ---------
---------- -- --- -- ---- -- ------ --- -- ----- ----在这个例子中，我们可以看到，我们定义了一个 Person 类，类中定义了两个属性 name 和 age，以及一个函数 sayHi，函数中通过 this 关键字使用了类中的属性。
这种定义方式非常简洁和直观，可以使得代码更易于阅读和维护。
值得注意的是，在使用这个插件之后，我们需要在编辑器或者项目中使用支持 ES7 语法的 JavaScript 引擎，以便正确地解析和执行这个代码。
总结
@babel/plugin-proposal-class-properties 是一个非常方便的 babel 插件，可以帮助我们使用 ES7 中的类属性定义语法，在类定义中更加方便地初始化属性值。
在实际的开发工作中，我们可以根据具体情况选择是否使用这个插件，以便增加代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/89777