MDN:箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。
普通函数写法:
function(){};
箭头函数写法:
()=>{};
箭头函数只带一个参数时,去除形参外的括号():
const requests = (a) => {};
简写为 const requests = a => {};
箭头函数,不确定参数个数时,只能使用剩余参数,不能使用arguments:
(a,b, ...rest) => ...rest.forEach(item => console.log(item))
箭头函数内的函数体只有一行代码,去除{return }:
(a,b) => {return a+b}
简写为 (a,b) => a+b
箭头函数内的函数体返回的是一个对象,不能直接去除{return},要在对象外加(),否则对象外的{}被视为函数外的花括号报错:
(a,b) => {return {name:a, gender:b}}
简写为 const requests = a => ({name:a, gender:b})
箭头函数与解构配合
const fullName = (user) => { return user.firstnName + '' + user.lastName}
简写为 const fullName = ({firstName,lastName}) => firstName + '' + lastName
箭头函数三目运算符
(a,b) => a>b ? a : b
函数默认参数允许在没有值或undefined被传入时使用默认形参。
没什么好讲的,这是定义里已经说明了。也可以用作实际应用场景中初次加载中,因为用户点击而没有拿到参数值的时候,使用默认值渲染。
(a,b=1) => a+b
const welcome = (name,gender, greetings = name + '' + gender) => {}
( [x, y] = [1, 2], {z: z} = {z: 3} )=> x + y + z;