对象的扩展

属性的简洁表示法

ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。

xxxxxxxxxx
let name = "iwen"
const user = {
    name,
    age:20
}

除了属性简写，方法也可以简写

xxxxxxxxxx
const o = {
  method() {
    return "Hello!";
  }
};

// 等同于

const o = {
  method: function() {
    return "Hello!";
  }
};

这种写法用于函数的返回值，将会非常方便

xxxxxxxxxx
function getPoint() {
  const x = 1;
  const y = 10;
  return {x, y};
}

getPoint() // {x:1, y:10}

属性名表达式

ES6 允许字面量定义对象时，用表达式作为对象的属性名，即把表达式放在方括号内

xxxxxxxxxx
let propKey = 'itbaizhan';

let obj = {
  [propKey]: true,
  ['a' + 'bc']: 123
};

对象的扩展运算符

ES2018 将这个运算符引入了对象

xxxxxxxxxx
let z = { a: 3, b: 4 };
let n = { ...z };
console.log(n);

{...{}, a: 1}
// { a: 1 }

实时效果反馈

1. 下列代码输出结果是什么：

xxxxxxxxxx
let propKey = 'itbaizhan';
let obj = {
    [propKey]: true,
    ['a' + 'bc']: 123
};
console.log(obj.propKey);

A true

B 报错

C undefined

D propKey

答案

1=>C