箭头函数

箭头函数

箭头函数的使用场景

一般在需要匿名函数使用

箭头函数和其他方法

下面类型都是function,所以这两个方法没有区别

const k1 = function (){}
const k2 = (a,b) => {}

口诀

左参右码

箭头函数的简写

在只有一个参数时,可以去掉()

const k = a => {}

在只有一行代码时,可以去掉{}

const k = (a,b) => console.log(a + b)

在只有一行代码并且需要返回值时,可以同时去掉{}return

const k = (a,b) => a + b

对象在箭头函数中的使用

在一行代码并且需要返回对象时,去掉{}return后会发现报错因为{}和对象的{}冲突

报错代码
const k = (a,b) => {a,b}

两种解决方法

在外部创建对象,箭头函数中调用对象

let ab = {a:1,b:2};
const k = () => ab;
console.log(k());

增加一个()包裹对象

const k = (a,b) => ({a,b})