ES6整理笔记

对象的扩展和新增方法

1.属性的简介表示法

属性名就是变量名, 属性值就是变量值。

function f(x,y){
	return {x,y};
	//等同于
	//eturn {x:x,y:y};
};
f(1,2);
console.log(f(1,2))
//方法简写
const aa={
	method(){
		return "hello!";
	}
	//等同于
	//	method:function(){
	//	       return "hello!"
	//	}
}
console.log(aa);
let birth = '2000/01/01';
const Person = {
  name: '张三',
  //等同于birth: birth
  birth,
  // 等同于hello: function ()...
  hello() {  //不要用箭头函数
  	return `我的名字是, ${this.name}`
  }
};
console.log(Person.hello());

2.扩展运算符

对象的扩展运算符（…）用于取出参数对象的所有可遍历属性，拷贝到当前对象之中。

let {a,b,...c}={a:1,b:2,c:3,d:4};
console.log(c);//{c: 3, d: 4}
let foo = { ...['a', 'b', 'c'] };
console.log(foo);//{0: "a", 1: "b", 2: "c"}

3.Object.is()

相等运算符（==）和严格相等运算符（===）
console.log(Object.is('foo', 'foo'));//true
console.log(Object.is({}, {}))//false

4.Object.assign()

Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。

//Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。
const target = { a: 1 };
const source = {b:2};
Object.assign(source,target);
console.log(source); //{b: 2, a: 1}
//注意，如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性
const target1 = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target);// {a:1, b:2, c:3}
			
const obj1 = {a: {b: 1}};
const obj2 = Object.assign({}, obj1);
console.log(obj2); //a: {b: 1}

5.Object.keys()键名，Object.values()键值，Object.entries()键值对数组

let {keys, values, entries} = Object;
let obj = { a: 1, b: 2, c: 3 };
for (let key of keys(obj)) {
  console.log(key); // 'a', 'b', 'c'
}
for (let value of values(obj)) {
  console.log(value); // 1, 2, 3
}
for (let [key, value] of entries(obj)) {
    console.log([key, value]); // ['a', 1], ['b', 2], ['c', 3]
}