对象

单行定义的对象,最后一个成员不以逗号结尾。多行定义的对象,最后一个成员以逗号结尾。

  1. // bad
  2. const a = { k1: v1, k2: v2, };
  3. const b = {
  4. k1: v1,
  5. k2: v2
  6. };
  7. // good
  8. const a = { k1: v1, k2: v2 };
  9. const b = {
  10. k1: v1,
  11. k2: v2,
  12. };

对象尽量静态化,一旦定义,就不得随意添加新的属性。如果添加属性不可避免,要使用Object.assign方法。

  1. // bad
  2. const a = {};
  3. a.x = 3;
  4. // if reshape unavoidable
  5. const a = {};
  6. Object.assign(a, { x: 3 });
  7. // good
  8. const a = { x: null };
  9. a.x = 3;

如果对象的属性名是动态的,可以在创造对象的时候,使用属性表达式定义。

  1. // bad
  2. const obj = {
  3. id: 5,
  4. name: 'San Francisco',
  5. };
  6. obj[getKey('enabled')] = true;
  7. // good
  8. const obj = {
  9. id: 5,
  10. name: 'San Francisco',
  11. [getKey('enabled')]: true,
  12. };

上面代码中,对象obj的最后一个属性名,需要计算得到。这时最好采用属性表达式,在新建obj的时候,将该属性与其他属性定义在一起。这样一来,所有属性就在一个地方定义了。

另外,对象的属性和方法,尽量采用简洁表达法,这样易于描述和书写。

  1. var ref = 'some value';
  2. // bad
  3. const atom = {
  4. ref: ref,
  5. value: 1,
  6. addValue: function (value) {
  7. return atom.value + value;
  8. },
  9. };
  10. // good
  11. const atom = {
  12. ref,
  13. value: 1,
  14. addValue(value) {
  15. return atom.value + value;
  16. },
  17. };