ES6箭头函数实例解析,如何高效运用?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1318个文字,预计阅读时间需要6分钟。
原文示例:
本文实例讲述了ES6函数之箭头函数用法。分享给大众,供大家参考,具体如下:
ES6允许使用箭头(=>)定义函数。
var f=v=> 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}
由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。
本文共计1318个文字,预计阅读时间需要6分钟。
原文示例:
本文实例讲述了ES6函数之箭头函数用法。分享给大众,供大家参考,具体如下:
ES6允许使用箭头(=>)定义函数。
var f=v=> 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}
由于大括号被解释为代码块,所以如果箭头函数直接返回一个对象,必须在对象外面加上括号,否则会报错。

