首页 > 学院 > 开发设计 > 正文

ES6 箭头函数

2019-11-09 18:29:21
字体:
来源:转载
供稿:网友

参考地址:http://www.infoq.com/cn/articles/es6-in-depth-arrow-functions

以下是一个参数的返回,如果参数一个可以在参数周围不加小括号

// ES5 var selected = allJobs.filter(function (job) { return job.isSelected(); }); // ES6 var selected = allJobs.filter(job => job.isSelected());

以下是2个参数的返回,如果参数大于一个,需要在参数周围加入小括号

// ES5 var total = values.reduce(function (a, b) { return a + b; }, 0); // ES6 var total = values.reduce((a, b) => a + b, 0);

如果是不返回的代码,就需要在箭头之后用大括号包起来,包起来之后就不会return要的值了。即使return 只是return undefined

// ES5 $("#confetti-btn").click(function (event) { playTrumpet(); fireConfettiCannon(); }); // ES6 $("#confetti-btn").click(event => { playTrumpet(); fireConfettiCannon(); });

如果返回的是一个对象,就需要在箭头之后用小括号包起来

var chewToys = puppies.map(puppy => ({width:40, height:200}));
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表