ES6 从入门到精通 # 08：扩展的对象的功能

说明

ES6 从入门到精通系列（全23讲）学习笔记。

扩展的对象的功能

es6 直接写入变量和函数，作为对象的属性和方法。

const name = "kaimo",
	age = 313;
// es5
const person = {
	name: name,
	age: age,
	getName: function () {
		console.log(this.name)
	}
}
// es6 简写
const person = {
	name,
	age,
	getName() {
		console.log(this.name)
	}
}
person.getName()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

function fn(x, y) {
	return {x, y};
}
console.log(fn(1,2));
1
2
3
4

const obj = {};
obj.isShow = true;
const name = "kaimo";
obj[name + "bc"] = 123;
obj['f'+name] = function() {
	console.log(this)
}
console.log(obj)

// 可以改成
const name = "kaimo";
const obj = {
	isShow: true,
	[name + "bc"]: 123,
	['f'+name]() {
		console.log(this)
	}
};
console.log(obj)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

对象的方法

// is() 比较两个值严格相等
console.log(NaN === NaN);
console.log(Object.is(NaN, NaN));
1
2
3

// assign() 对象的合并（浅拷贝）返回合并之后的新对象
let newObj = Object.assign({}, {name: "kaimo"}, {age: 313});
console.log(newObj);
1
2
3