ES6 from getting started to mastering 08: extended object functions

explain

ES6 From entry to Mastery Series （ whole 23 speak ） Learning notes .

Extended object functionality

es6 Write variables and functions directly , Properties and methods as objects .

const name = "kaimo",
	age = 313;
// es5
const person = {
    
	name: name,
	age: age,
	getName: function () {
    
		console.log(this.name)
	}
}
// es6  Abbreviation 
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)

//  You can change to 
const name = "kaimo";
const obj = {
    
	isShow: true,
	[name + "bc"]: 123,
	['f'+name]() {
    
		console.log(this)
	}
};
console.log(obj)

Object method

// is()  Compare two values that are strictly equal 
console.log(NaN === NaN);
console.log(Object.is(NaN, NaN));

// assign()  Merge of objects （ Shallow copy ） Return the new object after merging 
let newObj = Object.assign({
    }, {
    name: "kaimo"}, {
    age: 313});
console.log(newObj);