ECMAScript是JavaScript语言的标准，迭代更新版本，推出新的特性和语法规则，这里我们要介绍的是ECMAScript 2016（ES7）的推导属性初始化。
推导属性初始化，简称“可计算属性名”，是一种创建对象字面量时动态设置属性名称的方式，让对象的属性名可以根据运行时的变量来生成，从而增加了对象声明的灵活性和可读性。
语法
使用可计算属性名需要将属性名称放在方括号中，再通过一个表达式来计算属性名称，语法如下：
{ [expression]: value }其中，expression可以是任意JavaScript表达式，value是要赋值给属性的值。
用法
ECMAScript 2016中的可计算属性名主要应用于对象字面量和类定义中，下面我们来具体了解一下。
对象字面量
在对象字面量中使用可计算属性名，可以很方便地根据其他属性的值动态生成属性名，例如：
-- -------------------- ---- ------- ----- ----- - ------- ----- ----- - ------ ----- --- - - -------- ------ -------- --- ------ - ------- -------- -------- - --- -- ------------ ------ ------- -- ----------------- -- ------ ------ ---- --- -------- -------- ----------- ------ --------
这个对象中包含了四个属性，其中前三个使用已有变量动态组合属性名，最后一个使用了一个立即执行函数来计算属性名，效果非常强大。
类定义
在类定义中使用可计算属性名，则可以动态生成属性和方法名，示例代码如下：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
------------------ - ----- - ---------- -
------------------
-
-------------- - ---- - ----
-
-
----- --- - --- ------------- ----
------------------------ -- ---
------------------------------ -- --这是一个使用类定义动态设置属性名和方法名的示例，类的构造函数中使用可计算属性名来生成两个属性，一个是函数类型，另一个是普通变量类型。
深度探究
可计算属性名内部是如何工作的呢？简单来说，就是遵循了计算属性名的值作为属性名的规则，任何表达式都可以作为一个对象的属性名，唯一需要注意的就是必须使用方括号而不是点号来访问相关属性。
可计算属性名对于开发人员来说，更高效、更简洁、更灵活。它不仅节省了对象属性名的声明，在某些情况下还可以使代码更加清晰，提高了读者的可读性和代码的可维护性。
总结
ECMAScript 2016（ES7）的推导属性初始化（可计算属性名）让JavaScript语言更加灵活和高效，可以提供更多的编程选择，增加代码可读性、可维护性和适用性，尤其适用于需要动态生成属性名的场景，并且在类定义中的应用尤为常见，可以帮助开发人员更好的构建对象模型。
希望本文对你有所帮助，如果你还想了解更多的技术，可以关注我们的博客。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a7362248841e98943c2098