浅谈对象和对象扩展方法

  对象是我们在es中最常用的数据结构，es6中升级了对象自变量中的语法。
  传统的对象自变量要求我们必须在花括号里面使用属性名和属性值，在es6之后，如果属性名和属性值一致的话，可以省略属性值。
  传统为对象添加动态属性的话，需要在申明变量之后，通过索引的方式动态添加属性。
  在es6之后，用户可以将计算属性写在[ ]内部来赋值动态属性。

const bar = '345'

const obj={
	foo:123,
	bar,
	method(){
		console.log('method')
		console.log(this)
	} ,
	//Math.random():123  不可行
	[Math.random()]:123//es6之后添加方式：计算属性名
}
obj[Math.random()] = 123 //传统方式动态添加属性值

对象扩展方法

Object.assign

  将多个源对象中的属性复制到一个目标对象中，如果有相同属性，目标对象属性将会被覆盖

const source1 = {
    a:123,
    b:123
}
const target = {
    a:456,
    c:456
}
const result = Object.assign(target,source1)
console.log(result === target)//true

/*
result={
	a:123,
	c:456,
	b:123
}
*/
//那么这个方法，有什么常用的运用场景呢
//当我们需要对一个对象进行修改而又不想改动原来的数据，就可以通过assign将其传到一个空的对象中。
const newObject = Object.assign({},source1)

Object.is

  es6还新增了一个is方法来判断两个对象是否相等。

  在传统方式我们对值的判断是否相等使用的是==但是这种方法会并不是严格相等，内部会进行转换后进行对比，这样会造成 0==false的情况，但是严格相等也有不足地方，例如NAN === NAN的结果是false，而+0 === -0的情况是true。

  为了解决这种情况，es6提出了is的方法用于判断两个对象是否相等，但是这种场景比较少见，大多数情况下还是推荐严格相等进行数据对比，也就是三等。

Proxy

  如果我们想要监视某个对象中的属性读写，我们可以通过Object.defineProperty来进行监听读取属性。

  在es6之后，新添加了Proxy代理的方法进行数据监听，相当于一个中介。

const person = {
    name:'jan',
    age:22
}
const personProxy = new Proxy(person,{
    get(target,property){
        
    },//监视访问 一个是对象，一个是属性名
    set(target,property,value){
        
    } //监视设置 设置指定属性
})