ES6对Object类型做的优化更新

1、声明方式

let name = '张三';
let age = 18;
let obj = {name, age};
// 等同于let obj = {name:name, age:age};
console.log(obj); // {age: 18, name: "张三"}

2、解构赋值

let obj = {
  name: '张三',
  age: 18
};
let {name, age} = obj;
console.log(name, age); // 张三 18

3、函数属性声明

/*let obj = {
  fn: function() {
    console.log('fn');
  }
}*/
let obj = {
  fn() {
   console.log('fn');
  }
}
obj.fn(); // fn

4、新增方法

Object.is()：判断两个值是否为同一个值。

Object.is('foo', 'foo');     // true
Object.is(window, window);   // true

let foo = { a: 1 };
let bar = { a: 1 };
Object.is(foo, foo);         // true
Object.is(foo, bar);         // false

Object.assign() ：用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。拷贝方式为浅拷贝。常用于配置结合。

let obj = {
  name: '张三',
  age: 18
}
const target = { a: 1, b: 2 };
const source = { b: 4, c: 5, obj };

const returnedTarget = Object.assign(target, source);

obj.age = 88;

console.log(target);
// { a: 1, b: 4, c: 5, {age: 88, name: "张三"} }
console.log(returnedTarget); 
// { a: 1, b: 4, c: 5, {age: 88, name: "张三"} }

Object.getOwnPropertyDescriptor() ：返回指定对象上一个自有属性对应的属性描述符。

const object1 = {
  property1: 42
};
const descriptor1 = Object.getOwnPropertyDescriptor(object1, 'property1');

console.log(descriptor1) //{configurable: true, enumerable: true, value: 42 ,writable: true}
console.log(descriptor1.configurable); // true
console.log(descriptor1.value); // 42

Object.keys()：获取对象的属性名，返回一个数组。

const obj = {
  name: '张三',
  age: 18
};
const res = Object.keys(obj);

console.log(res) // ["name", "age"]

Object.values()：获取对象的属性值，返回一个数组。

const obj = {
  name: '张三',
  age: 18
};
const res = Object.values(obj);

console.log(res) // ["张三", 18]