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

Posted 凯小默

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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()

function fn(x, y) 
	return x, y;

console.log(fn(1,2));

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)

对象的方法

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

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

以上是关于ES6 从入门到精通 # 08:扩展的对象的功能的主要内容,如果未能解决你的问题,请参考以下文章

ES6 从入门到精通 # 12:数组的扩展方法一

ES6 从入门到精通 # 12:数组的扩展方法一

ES6 从入门到精通 # 13:数组的扩展方法二

ES6 从入门到精通 # 13:数组的扩展方法二

ES6 从入门到精通 # 05:函数之扩展运算符箭头函数

ES6 从入门到精通 # 05:函数之扩展运算符箭头函数