es6 箭头函数后面的大括号

let res = (r1,r2) => r1 + r2;

let res2 = (r1,r2) => {r1 + r2}

let res3 = (r1,r2) => {reurn (r1 + r2)}

let r1 = res(1,2);

let r2 = res2(1,2);

let r3 = res3(1,2);

打印出来发现 r1,r3 正确的,r2为 undefined,

箭头函数后面不加大括号,默认只能有一行代码,默认return;
箭头函数后面加大括号,默认没有return;

如果直接返回一个对象

let res4 = () => {key: value} //undefined
let res5 = () => ({key: value}) //{key: value}

注:请注意,当箭头函数中表达式部分为语句块的时候,箭头函数并不会自动地返回一个值,需要手动加上return 语句。
当使用箭头函数来创建一个对象的时候的时候,要用括号将对象括起来:
很不幸,空对象和空的语句块{}看起来是一样的。ES6规定,紧跟箭头函数中箭头符号后面的{ 会被解析成语句块的开始, 而不是一个空对象。

详细介绍可以参考[http://zanderzhan.com/Arrow-Function/]

  • 6
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值