ES6-对象的扩展

在JavaScript原生对象-Object对象详解中已经比较详细的介绍了Object对象，其中已经多次提高了ES6,这一篇将详细的介绍ES6中对Object对象的扩展。

属性的简写表示法

ES6中对象简写属性名的语法,实际上是一种语法糖，在https://www.babeljs.cn/中用简写的语法，来看看与其对应的传统写法：

使用变量作为对象的属性，变量的名称作为属性的键名，变量的值作为属性的键值。

  let firstName='Lily';
  let age=18;
  let p={
    firstName,
    age,
    aboutMe(){
      console.log(`${this.firstName}`)
    }
  };
  console.log(p); //{firstName: "Lily", age: 18, aboutMe: ƒ}

属性名表达式

ES中，字面量方式新建一个对象时，对象的属性可以是个表达式

  let a='first';
  let b='Name';
  let p={
    [a+b]:'Lily'
  };
  console.log(p); //{firstName: "Lily"}

新增的静态方法

Object.is() 用来比较两个值是否严格相等，与严格比较运算符（===）的行为基本一致

ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（===）。前者会自动转换数据类型，Object.is() 与===的区别见下：

+0===-0       //true
NaN===NaN     //false
Object.is(+0, -0) // false
Object.is(NaN, NaN) // true

Object.assign( target, source, source1 ) 用于对象的合并

Object.assign(）会将源对象（source）的所有的自有的可枚举属性，复制到目标对象（target）。
target ：目标对象
source ：源对象

• 目标对象中有源对象的同名属性，属性值将被覆盖
• 可以合并多个对象，参数在合并的过程中，如果不是对象会自动进行类型转换，第一个参数如果是undefined和null则会报错，其他参数如果无法转成对象，就会跳过。
• Object.assign方法实行的是浅拷贝,如果属性是个对象，目标对象对应的属性得到的是这个对象的引用

let p1={
  lastName:'Zhang',
  forefathers:{lastName:'Wang'}
}
//目标对象中有源对象的同名属性，属性值将被覆盖
let p2={
  firstName:'San',
}

let p={
  firstName:'Si',
  age:18
};
//合并多个对象
Object.assign(p,p1,p2);
//Object.assign方法实行的是浅拷贝,属性forefathers是个对象，目标对象对应的属性得到的是这个对象的引用
p1.forefathers.lastName='Li';
console.log(p);  //{firstName: "San", age: 18, lastName: "Zhang", forefathers: {lastName: "Li"}}

Object.getOwnPropertyDescriptors() 返回指定对象所有自身属性的描述对象。

和Object.getOwnPropertyDescriptor()相似，Object.getOwnPropertyDescriptors() 也用于返回指定对象属性的描述。
不同的是：
Object.getOwnPropertyDescriptor()返回指定对象某属性的属性描述符对象;
Object.getOwnPropertyDescriptors()返回指定对象所有自身属性的描述对象。
属性描述符对象请参考JS对象属性描述符对象

  var p={
    firstName:'Lily',
    age:18,
    lastName:'Li',
  }
  //设置属性firstName的访问器属性
  Object.defineProperty(p,'firstName',{
    get:function () {
      return 'Lilyan'
    }
  })
  //打印出对象p的属性age对应的属性描述符对象
  console.log(Object.getOwnPropertyDescriptor(p,'age'));
  //打印出对象p的所有自有属性描述符对象
  console.log(Object.getOwnPropertyDescriptors(p));

Object.values()，Object.entries()

与ES5提供的Object.keys()相似

• Object.keys() 返回一个给定对象==可枚举的自有属性(键)==组成的数组(ES5)
• Object.values() 返回一个给定对象可枚举的自有属性值组成的数组(ES6)
• Object.entries() 返回一个给定对象可枚举的自有属性键值对组成的数组(ES6)

  var p={
    firstName:'Lily',
    age:18,
    lastName:'Li',
  }
  console.log(Object.keys(p));
  console.log(Object.values(p));
  console.log(Object.entries(p));

Object.getOwnPropertySymbols() 包含对象自有的所有 Symbol 属性的键名组成的数组。

console.log(Object.getOwnPropertySymbols(Array))  //[Symbol(Symbol.species)]

Reflect.ownKeys() 返回对象自身的所有属性键名

Object.setPrototypeOf()，Object.getPrototypeOf()

• Object.getPrototypeOf() 获取对象的Prototype对象
• Object.setPrototypeOf() 设置一个对象的prototype属性。

  function Person(){}
  Person.prototype = {
    a(){
      console.log('属性a的值是a');
    }
  };
  let p=new Person();
  p.a();  //a
  // Object.getPrototypeOf() 获取对象p的Prototype对象
  console.log(Object.getPrototypeOf(p));    //{a: ƒ}
  // Object.setPrototypeOf() 设置对象p的Prototype对象
  Object.setPrototypeOf(p,{
    a(){
      console.log('属性a的值是b');
    },
    b:'b'
  });
  p.a();   //b
  console.log(Object.getPrototypeOf(p));    //{b: "b", a: ƒ}