如何详细解释ES6箭头函数的用法实例？

本文共计1337个文字，预计阅读时间需要6分钟。

原文示例：本文字例讲述了ES6函数之箭头函数用法。分享给大众供大家参考，具体如下：

ES6允许使用箭头（=>）定义函数。例如：

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

如果箭头函数不需要参数，或不需要参数但想表达出来，可以这样写：

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

本文实例讲述了es6函数之箭头函数用法。分享给大家供大家参考，具体如下：

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}

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