![c074e9481f5ddfba8809055166ab3306.png](https://i-blog.csdnimg.cn/blog_migrate/3b278a3122595dfdfc8ef19ff77d0d46.jpeg)
JavaScript 中我们经常删掉不必要的重复代码,使代码更易懂简练,ES6 新推出的新简写法,用来初始化对象并向对象添加方法就是这一体现。
对象字面量简写法
我们经常遇到这样的写法:
// 年货糖果按斤计费
let type = 'candy';
let weight = '5';
let price = '8';
const goods = {
type: type,
weight: weight,
price: price
}
键值对出现了重复,ES6 中,如果属性名和和所分配的变量名一样,就可以从对象属性中删掉这些重复的变量名称。
对象中的方法也可以简写
根据年货的类型,重量和价格计算需要付多少钱
let type = 'candy';
let weight = '5';
let price = '8';
const goods = {
type,
weight,
price,
total: function(){
// calculate
}
}
匿名函数被分配给了total属性,在ES6中function关键字可以省略:
const goods = {
type,
weight,
price,
total(){...}
}