es6--箭头函数

来源:互联网 发布:我的世界枪械js 编辑:程序博客网 时间:2024/06/18 15:29

基本用法

ES6允许使用“箭头”(=>)定义函数。

var f = v => v;//等同于var f=function(v){    return v;}

如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。

var f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(num1, num2) {  return num1 + num2;};

如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。

var sum = (num1, num2) => { return num1 + num2; }

由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号。

var getTempItem = id => ({ id: id, name: "Temp" });

箭头函数可以与变量解构结合使用。

const full = ({ first, last }) => first + ' ' + last;// 等同于//person这个是一个参数,可以更换成其他的;但是我还没有试function full(person) {  return person.first + ' ' + person.last;}

此文章为转载:http://www.cnblogs.com/huansky/p/5684867.html