网站怎么自适应屏幕,四大软件外包公司,淘客做网站怎么备案,企业局域网的规划与设计#x1f431; 个人主页#xff1a;SHOW科技#xff0c;公众号#xff1a;SHOW科技 #x1f64b;♂️ 作者简介#xff1a;2020参加工作#xff0c;专注于前端各领域技术#xff0c;共同学习共同进步#xff0c;一起加油呀#xff01; #x1f4ab;优质专栏#x… 个人主页SHOW科技公众号SHOW科技 ♂️ 作者简介2020参加工作专注于前端各领域技术共同学习共同进步一起加油呀 优质专栏前端主流技术分享 资料领取前端进阶资料可以找我免费领取 摸鱼学习交流我们的宗旨是在「工作中摸鱼摸鱼中进步」期待大佬一起来摸鱼 ———————————————— 版权声明本文为CSDN博主「SHOW科技」的原创文章遵循CC 4.0 BY-SA版权协议转载请附上原文出处链接及本声明。 ———————————————— 版权声明本文为CSDN博主「SHOW科技」的原创文章遵循CC 4.0 BY-SA版权协议转载请附上原文出处链接及本声明。 原文链接https://blog.csdn.net/weixin_54165147/article/details/135144865 ES6引入了箭头函数它提供了一种更简洁的语法来定义函数。箭头函数与传统的函数有所不同它具有以下特点 简洁的语法箭头函数省略了function关键字和大括号只需以一个箭头分割参数与函数体。 简化的参数书写当只有一个参数时可以省略参数的圆括号。当没有参数或多个参数时则需要使用圆括号。 隐式返回值如果函数体只有一条表达式并且不需要额外的处理可以省略return关键字函数会自动返回表达式的结果。
下面是一些示例来说明箭头函数的用法
基本语法
let add (a, b) {return a b;
}console.log(add(1, 2)); // 输出3单个参数
let square x x * x;console.log(square(4)); // 输出16无参数
let sayHello () {console.log(Hello!);
}sayHello(); // 输出Hello!隐式返回值
let multiply (a, b) a * b;console.log(multiply(2, 3)); // 输出6需要注意的是箭头函数没有自己的this关键字它继承外层作用域的this值。这意味着在箭头函数内部不能使用bind、call、apply等方法来改变this的指向。
总结来说箭头函数提供了一种简洁、清晰的方式来定义函数特别适用于简单的函数表达式可以帮助提高代码的可读性和编写效率。