ES6中扩展的对象功能

ES6中扩展的对象功能

1.ES6中对象简写

//对象属性和方法可以简写
let a = 10
let b = 20
let obj = {
  a,
  b,
  say() {
    console.log(this.a);
  }
}
console.log(obj);
obj.say()

2.setter，getter访问器

如果get访问器return的名字和get方法名一样会不停执行

let Obj = {
  name: '张三',
  get _name() {
    console.log('get');
    return this.name
  },
  set _name(newVal) {
    console.log('set');
    this.name = newVal
  }
}
Obj._name = '李四'
console.log(Obj._na

3.ES6中获取和设置对象的新方法

let obj = {
  name: '张三',
  age: 10,
  sex: '男'
}
console.log(obj.name);
console.log(obj['name']);
console.log(obj['name'] === obj.name);
// obj.color = 'black' ES5中的方法
obj['color'] = 'black'
console.log(obj);

4.获取设置对象属性相关配置

let obj = {
      name: '张三'
    }
console.log(Object.getOwnPropertyDescriptor(obj, 'name', {
      //设置对象属性相关配置
}));
//defineProperty直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象
Object.defineProperty(obj, 'name', {
    enumerable: false,
    value: '张三',
    configurable: true
 })
console.log(Object.getOwnPropertyDescriptor(obj, 'name'));
//configurable  delete删除 是否可以删除对象属性
//enumerable    是否可以枚举
//writable      是否可以写

5.对象新增的几个方法

Object.keys() 获取所有的key

Object.values() 获取所有的值

Object.entries() 获取键值的

Object.assign() 对象合并，浅拷贝（目标，合并1，合并2）

Object.is() 判断相当于===

let obj = {
   name: '张三',
   age: 18
}
console.log(Object.keys(obj));
console.log(Object.values(obj));
console.log(Object.entries(obj));

//浅拷贝，只有{}第一层被拷贝
let obj = {
  a: { a: 2, b: 2 }
}
let a = {
  a: { a: 2 }
}
Object.assign(obj, a)
console.log(obj);
let arr1 = [1, 2, 3]
let arr2 = [2, 3]
console.log(Object.assign(arr1,arr2));

console.log(Object.is({}, {}));//引用值地址不一样
console.log(Object.is(NaN, NaN));
console.log(Object.is(undefined, undefined));
console.log(Object.is(null, null));