calculate简写_ES6 对象字面量简写法

c074e9481f5ddfba8809055166ab3306.png

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(){...}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值