箭头函数

最新推荐文章于 2025-06-22 17:32:33 发布

原创最新推荐文章于 2025-06-22 17:32:33 发布 · 114 阅读

CC 4.0 BY-SA版权

es6箭头函数的学习

一般情况下我们定义函数都是这样的样式var a = function(x){ 这里面是函数体 }，我们可以利用箭头函数来实现函数的简化 var a = ()=>{}
在箭头函数中，我们可以去掉function声明，如果函数中有参数的话，我们可以使用（）来包裹参数，如果函数只有一个参数的时候我们可以不用（），然后写=> 然后后面是方法体，如果函数体只有一条语句，我们可以不使用return返回例如下面几个例子
var a = x =>x 或者 var a = () = >5 或者是 var a = (x,y)=>x+y 这都是有返回值的单语句箭头函数
如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。
var a = (x,y) =>{ x=x+2,return x=y }
如果箭头函数直接返回一个对象，必须在对象外面加上括号，否则会报错。
let getTempItem = id => { id: id, name: "Temp" };这个语句是错误的，我们可以使用let getTempItem = id => ({ id: id, name: "Temp" });
如果我们有一个函数，语句只有一句并且没有返回值，那么我们不应该使用var a=()=>语句，我们应该使用let fn = () => void doesNotReturn();