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
最后修改:2021 年 06 月 30 日 09 : 29 PM
如果觉得我的文章对你有用,请随意赞赏