JavaScript 箭头函数

在 JavaScript 中,箭头函数是一种简洁的函数表达式语法。以下是关于箭头函数的详细介绍:

基本语法

  • 无参数
javascript 复制代码
const greet = () => console.log('Hello!');
greet();
  • 单个参数
javascript 复制代码
const square = num => num * num;
console.log(square(5)); 
  • 多个参数
javascript 复制代码
const add = (a, b) => a + b;
console.log(add(3, 5)); 

函数体包含多条语句

如果箭头函数的函数体包含多条语句,需要使用花括号 {} 包裹,并且使用 return 语句返回值。

javascript 复制代码
const multiplyAndAdd = (a, b) => {
    const product = a * b;
    return product + 10;
};
console.log(multiplyAndAdd(3, 5)); 
相关推荐
Mintopia几秒前
Next.js 单元测试究竟该选 JTest 还是 Vitest?
前端·javascript·next.js
Alice-YUE2 分钟前
【CSS学习笔记3】css特性
前端·css·笔记·html
bug_kada2 分钟前
告别页面卡顿!用DocumentFragment打造高性能DOM操作
前端
遂心_3 分钟前
深入浅出 querySelector:现代DOM选择器的终极指南
前端·javascript·react.js
遂心_6 分钟前
DOM元素内容修改全攻略:从innerHTML到现代API的最佳实践
前端·javascript·react.js
溯水流光7 分钟前
React 源码解析
前端
Aomnitrix9 分钟前
知识管理新范式——cpolar+Wiki.js打造企业级分布式知识库
开发语言·javascript·分布式
光影少年10 分钟前
Typescript工具类型
前端·typescript·掘金·金石计划
北风GI14 分钟前
如何在 vue3+vite 中使用 Element-plus 实现 自定义主题 多主题切换
前端
月亮慢慢圆15 分钟前
网络监控状态
前端