ES6 之 对象的扩展

1、Object.is()

判断俩个值是否相等

+0 不等于 -0 NaN 等于自身

console.log(Object.is('foo','foo')); // true
console.log(Object.is({},{})); // false
console.log(Object.is(+0,-0)); // false
console.log(Object.is(NaN,NaN)); // true

 2、Object.assign()

Object.assign(target, source1, source2) 方法将源对象（source）的所有可枚举的属性（不包括原型上的属性）复制到目标对象上

注意：

• 如果只有一个参数，Object.assign()会直接返回该参数
• 如果对象不是对象，则会先转换为对象，然后返回
• 由于undefined和null无法转换为对象，会报错
• 如果非对象参数出现在源source对象位置，不会报错
• 如果在source的原型上定义方法，不会被copy

测试是否能copy不可枚举的属性：

let target = { a: 1 }
let source1 = { b: 2 }
let source2 = { c: 3 }
let a = Object.assign(target, source1, source2) // {a: 1, b: 2, c: 3}

// 同名属性，后面的属性 会 覆盖前面的属性
// 如果只有一个参数，Object.assign会直接返回该参数
// 如果参数不是对象，则会先转成对象，然后返回

// 无法将不可枚举的属性copy到目标对象上
let obj = { b: 11111 }
Object.assign(
  obj,
  Object.defineProperty({}, 'invisible', {
    enumerable: false, // 是否可枚举
    value: 'hello'
  })
)
console.log(obj) // { b: 11111 }

 测试是否能copy原型上的属性：

  let target = { a: 1 }
  // 构造函数
  function Obj3(name, age) {
    this.name = name
    this.age = age
  }
  // 在构造函数上定义方法
  Obj3.prototype.aaaaaa = function() {
    console.log('aaaaaa')
  }
  var dx1 = new Obj3('Jack', 18)
  let a = Object.assign(target, dx1)
  console.log(a) // 无法copy 原型上的属性 {a: 1, name: "Jack", age: 18}

 作用：为对象添加属性；为对象添加方法，克隆对象，合并对象，为属性指定默认值

3、属性的可枚举性和遍历

对象的每一个属性都有一个描述对象（Descriptor），用来控制该属性的行为。Object.getOwnPropertyDescriptor 方法可以获取该属性的描述对象。

描述对象的作用：用来描述对象的属性，控制它的行为，比如该属性是否可写、可遍历等等。

let obj = {foo: 234}
Object.getOwnPropertyDescriptor(obj, 'foo')

某个属性的enumerable（可枚举性）为false时，有些方法就会忽略这个属性：

• for...in 循环

• Object.keys()

• JSON.stringify()：只串行化对象自身的可枚举的属性。

• Object.assign()： 忽略enumerable为false的属性，只拷贝对象自身的可枚举的属性。

对象属性的遍历方法总结：ES6 一共有5种方法可以遍历对象的属性

(1)for...in —— 只遍历对象自身的和继承的可枚举的属性。

(2)Object.keys(obj) —— 返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不包含Symbol）的键名

(3) Object.getOwnPropertyNames(obj) —— 返回一个数组，包含对象的自身的所有属性（不包含Symbol属性，但是包括不可枚举属性）的键名

(4) Object.getOwnPropertySymbols(obj) —— 返回一个数组，包含对象自身的所有Symbol属性的键名。

(5) Reflect.ownKeys(obj) —— 返回一个数组，包含对象自身的所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举。

4、Object.keys()，Object.values()，Object.entries()

Object.keys 方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。

Object.values 方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值。

Object.entries 方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组。

以上方法供for...of遍历对象

for(let item of Object.entries(obj)) {
  console.log(item)
}

5、Object.create(proto, [propertiesObject])

创建一个新的空对象

第一个参数为这个空对象在原型上属性

第二个参数是添加在实例对象上添加属性的描述对象(Object.getOwnPropertyDescriptors()方法的返回值)

 

const person = {
  isDalao: false,
  printIntroduction: function() {
    console.log(`你好，我是${this.isDalao? '大佬': '渣渣'}`)
  }
}
let me = Object.create(person, {
  test: {
    value: '这是通过描述属性添加',
    enumerable: false
  }
})
me.name = 'houfei' // "name" is a property set on "me"
me.isDalao = true // inherited properties can be overwritten
me.printIntroduction() // 你好，我是大佬

 6、JS判断对象是否有某个属性

class Person {
  constructor(name) {
    this.name = name
  }
  sayHi() {
    console.log('你好')
  }
}
let obj = new Person('houfei')
// 方法一： . 或 [] （判断对象自身和原型链上存在这个属性）
console.log(obj.age) // false 如果这个属性本身就是 undefined，这个方法也就无效了
console.log(obj['sayHi']) // f() { ... }
// 方法二： in 无法区分自身和原型链上的属性
console.log('age' in obj) // false
console.log('sayHi' in obj) // true
// 方法三：hasOwnProperty 判断属性是否在实例上，不再原型上
console.log(obj.hasOwnProperty('age')) // false
console.log(obj.hasOwnProperty('sayHi')) // false