ES6 - 对象字面量语法扩展

属性初始值的简写

这个很容易理解，就是当对象键和值相同的时候，我们可以使用ES6的属性值简写：

// ES5我们怎么写
const name = 'Brave-AirPig';
const age = 22;

const users = { name: name, age: age };

console.log(users);

// { name: 'Brave-AirPig', age: 22 }

//--------------------------------------//
// ES6我们怎么写
const name = 'Brave-AirPig';
const age = 22;

const users = { name, age };

console.log(users);
// { name: 'Brave-AirPig', age: 22 }

---

对象方法简写

// ES5怎么写
const testObj = {
  test2: function () {
    console.log('World');
  },
  test1: () => {
    console.log('Hello');
  },
};

testObj.test1();
testObj.test2();

// Hello
// World

//---------------------------//
// ES5怎么写

const testObj = {
  test2() {
    console.log('World');
  },
  test1() {
    console.log('Hello');
  },
};

testObj.test1();
testObj.test2();

// Hello
// World

计算属性名

// ES5怎么写
let age = 'age';
const users = {};
users['first-name'] = 'Brave-AirPig';
users['last-name'] = '小郭';
users[age] = 22;

console.log(users);
// { 'first-name': 'Brave-AirPig', 'last-name': '小郭', age: 22 }

// ES6怎么写
let age = 'age';
const users = {
  ['first-name']: 'Brave-AirPig',
  ['last-name']: '小郭',
  [age]: 22,
};

console.log(users);
// { 'first-name': 'Brave-AirPig', 'last-name': '小郭', age: 22 }