箭头函数多个函数体

当箭头函数需要多个语句组成函数体时,需要使用花括号 {} 将多个语句包裹起来,并且需要显式地使用 return 关键字返回值。下面是一个包含多个函数体语句的箭头函数示例:'

var greet = name => {

var greeting = "Hello, ";

var message = greeting + name + "!";

return message;

};

console.log(greet("Alice")); // 输出: Hello, Alice!

在这个例子中,箭头函数 greet 包含了多个语句组成的函数体。首先定义了一个变量 greeting 存储问候语,然后将问候语与传入的 name 拼接成 message,最后通过 return 返回 message。这样,当我们调用 greet("Alice") 时,会输出 "Hello, Alice!" 到控制台。

另一个示例是使用箭头函数来过滤数组中的偶数,并返回一个新的数组:

var numbers = [1, 2, 3, 4, 5, 6];

var evenNumbers = numbers.filter(number => {

return number % 2 === 0;

});

console.log(evenNumbers); // 输出: [2, 4, 6]

在这个例子中,箭头函数被用作 filter 方法的回调函数。函数体包含了一个条件判断语句,判断数组中的元素是否为偶数,然后通过 return 返回布尔值。根据这个条件,filter 方法会筛选出符合条件的元素组成一个新的数组 evenNumbers,最后输出到控制台。

相关推荐
mCell3 分钟前
为什么我不建议初学者一上来就用框架学 Agent
javascript·langchain·agent
每天吃饭的羊12 分钟前
水平,垂直居中
前端·javascript·html
鼎道开发者联盟34 分钟前
鼎享会 | OpenClaw Control UI 前端架构全解析:自研 UI 对接 Server 实操指南
前端·ui·架构·openclaw·control ui
尘世中一位迷途小书童36 分钟前
一套完整的给予ceium封装的组件库,可满足企业级开发
前端
Z_Wonderful37 分钟前
微前端:Webpack 配置 vs Vite 配置 超清晰对比
前端·webpack·node.js
thankseveryday39 分钟前
Three.js 把 Blender 绘制的曲线(Bezier / 曲线) 导入 Three.js 并作为运动路径 / 动画路径使用
开发语言·javascript·blender
码云数智-园园42 分钟前
HTTPS是如何工作的?从HTTP到HTTPS的加密演进
前端
隔窗听雨眠1 小时前
HTML头部元信息避坑指南
前端·html
Gauss松鼠会1 小时前
【openGauss】openGauss 磁盘引擎之 ustore
java·服务器·开发语言·前端·数据库·经验分享·gaussdb
LIO1 小时前
前端响应式页面开发全攻略:核心技术 + 实现效果 + 实战指南
前端·响应式设计