1.属性值简写:
以前写法:
let name = "Tom";
let Person = {
name: name;
}
es6中属性的简写:
let name = "Tom";
let Person = {
name;
}
==只要属性名跟属性值是一样的,都可以简写==
2.可计算属性
es6中可以在对象的字面量中动态完成属性赋值。==[]
中可以是变量也可以是表达式-==
const nameKey = "name"
const ageKey = "age"
const jobKey = "job"
let count = 0;
function setKey(key){
return `${key}_${count++}`;
}
let Person={
[setKey(nameKey)]:"tom",
[setKey(ageKey)]:18,
[setKey(jobKey)]:"coder"
}
console.log(Person);
//{ name_0: 'tom', age_1: 18, job_2: 'coder' }
3.简写方法名
以前写法:
let Person = {
sayName: function(name){
console.log(`My name is ${name}`);
}
}
Person.sayName("Tom"); //My name is Tom
es6中属性的简写:
let Person = {
sayName(name){
console.log(`My name is ${name}`);
}
}
Person.sayName("Tom"); //My name is Tom