ES6语法——对象扩展

对象扩展

函数新增特性

• 简洁表示法
• 属性表达式
• 扩展运算符
• Object新增方法

{
	//简洁表示法
	let o=1;
	let k=2;
	let es5 = {
		o:o,
		k:k
	}
	let es6 = {
		o,
		k
	}
	console.log(es5,es6)//{o:1,k:2} {o:1,k:2}
	let es5_method={
		hello: function(){
			console.log('hello')
		}
	}
	let es6_method={
		hello(){
			console.log('hello')
		}
	}
	console.log(es5_method.hello(),es6.method.hello())//hello,hello
}
{
	//属性表达式
	//es6中属性表达式的key值可以是变量也可以是表达式
	let a = 'b';
	let es5_obj={
		a: 'c',
		b: 'c'
	}
	let es6_obj={
		[a]:'c'//[]内的就是一个变量//相当于b:'c'
	}
	console.log(es5_obj,es6_obj)//{a:'c',b:'c'} {b:'c'}
}
{
	//Object新增方法
	
	//is API 判断对象是否相等 作用类似于 ===
	console.log('字符串',Object.is('abc','abc'),'abc'==='abc')
	//true true
	console.log('数组',Object.is([],[]),[]===[])
	//false false 
	//值上都是空数组，但指向不同但内存
	
	//assign API 浅拷贝 
	//assign API 只拷贝自身属性，不拷贝继承属性和不可枚举属性
	//浅拷贝：只拷贝引用地址
	//深拷贝: 把值都拷贝过去
	console.log('拷贝'，Object.assign({a:'a'},{b:'b'}));
	//目标对象
	//被拷贝
	//{a:'a',b:'b'}

	//entries API
	let test = {k: 123, o:456}
	for(let [key,value] of Object.entries(test)){
		console.log([key,value])
	}
	//[k:123]
	//[o:456]

	//扩展运算符 需要babel-polyfill做兼容
	let {a,b,...c} = {a:'test',b:'kill',c:'dd',d:'cc'}
	//a={a:'test'}
	//b={b:'kill'}
	//c={
			c:'dd',
			d:'cc'
		}

	
}
{
	//
}
{
	//
}