什么是 JavaScript 语法：{Ci, CC}？

当你在阅读 JavaScript 代码时，你可能会遇到如下类似的语法：{Ci, CC}。这个语法是什么意思？它有什么作用？本文将对此进行详细介绍。

语法解释

{Ci, CC} 是 ECMAScript 6 中新增的语法，它是对象属性的简写形式，可以帮助我们更方便地定义对象属性。其中的 Ci 和 CC 分别代表了“计算属性名”和“方法”。

计算属性名

首先来看一下计算属性名。在 ECMAScript 5 中，我们定义一个对象以及该对象的属性通常是这样的：

var obj = {};
obj['name'] = '张三';

在 ECMAScript 6 中，我们可以使用计算属性名来更方便地定义对象属性：

var obj = {
  ['name']: '张三'
};

上面这个例子中，我们使用了方括号括起来的表达式（在这里是字符串），它会被计算出来并作为属性名。这个特性在动态生成属性名时非常有用。

方法

接下来再来看一下 CC，它代表了对象方法的简写形式。在 ECMAScript 5 中，我们定义一个对象方法通常是这样的：

var obj = {
  sayHi: function() {
    console.log('Hi');
  }
};

在 ECMAScript 6 中，我们可以使用方法的简写形式：

var obj = {
  sayHi() {
    console.log('Hi');
  }
};

上面这个例子中，我们省略了 function 关键字和冒号，使代码更加简洁易懂。

示例代码

下面是一个使用 {Ci, CC} 语法定义对象的示例代码：

-- -------------------- ---- -------
--- ---- - -----
--- --- - ---

--- --- - -
  --------- -----
  ----
  ------- -
    --------------------------------------------------
  -
--

------------

输出结果为：

大家好，我叫张三，今年18岁。

总结

通过 {Ci, CC} 语法，我们可以更方便地定义对象属性和方法，使代码更加简洁易懂，提高开发效率。同时，也应该注意到它只能在 ECMAScript 6 及以上版本中使用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30191