一、基础语法
基础语法 （参数1，参数2，参数3……）=> {函数声明}
形参的情况
1.没有形参的情况下，小括号不能省略
let fun1 =() =>console.log(“没有形参，小括号不能省略，省略了会报错”)
fun1();
小括号省略了会报错
- 只有一个形参的时候，（）可以省略
let fun2 = a => console.log(a);
fun2(‘222’);
3.两个及其以上个数的形参的时候，（）不可以省略
let fun3= (x,y) => console.log(x,y);
fun3(23,56);
函数体的情况
1.函数只有一条语句或者是个表达式的时候，{ } 可以省略，会自动返回语句执行的结果或者表达式的结果
let fun4 = (x,y) => x+y;
console.log(fun4(23,45));
2.函数体不止一条语句或者表达式的情况下，{ }不可以省略
let fun5=(x,y) => {
console.log(x+y);
x*y
};
console.log(fun5(2,4)); //undefined
fun5(2,4);//6
3. 返回对象时，需要用（）括起来，因为{ }已经去定义语句块了
//3. 返回对象时，需要用（）括起来
let fun6 =(name, age,gender) =>{
return (person={
name,
age,
gender
})
};
console.log(fun6(‘Jack’,29,’male’));
- 直接作为事件手柄
document.addEventListener(‘click’,ev => {
console.log(我是事件：${ev}) //我是事件：[object MouseEvent]
});
5.作为数组排序回调
let arr = [1,9,2,6,5,14,52,12].sort((a,b)=>{
if(a-b>0){
return 1
}else{
return -1
}
});
console.log(arr); //Array(8) [ 1, 2, 5, 6, 9, 12, 14, 52 ]
Original: https://www.cnblogs.com/zhoading/p/16473612.html
Author: 四海骄阳
Title: Vue ES6.0箭头函数
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/554540/
转载文章受原作者版权保护。转载请注明原作者出处！