Vue ES6.0箭头函数

一、基础语法
基础语法 (参数1,参数2,参数3……)=> {函数声明}

形参的情况
1.没有形参的情况下,小括号不能省略

let fun1 =() =>console.log("没有形参,小括号不能省略,省略了会报错")
fun1();
小括号省略了会报错

2. 只有一个形参的时候,()可以省略

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'));


4. 直接作为事件手柄

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 ]

posted on   四海骄阳  阅读(47)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
· 从文本到图像:SSE 如何助力 AI 内容实时呈现?(Typescript篇)
· 全程使用 AI 从 0 到 1 写了个小工具
历史上的今天:
2021-07-13 使用nginx缓存服务器上的静态文件
2021-07-13 使用nginx缓存服务器上的静态文件
2021-07-13 Jenkins+maven+Tomcat+SVN一键自动打包部署应用到服务器
2020-07-13 TDDL:来自淘宝的分布式数据层
2020-07-13 灰度发布

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

了解更多