javaScript使用箭头函数实现 创建一个函数 传入2个参数 求他们的和 并输出
时间: 2024-03-19 17:43:49 浏览: 254
好的,你可以使用以下代码创建一个箭头函数,实现传入两个参数求它们的和并输出:
```javascript
const sum = (a, b) => {
const result = a + b;
console.log(`两数之和为:${result}`);
};
sum(10, 20); // 输出 两数之和为:30
```
在上述代码中,我们定义了一个名为 `sum` 的箭头函数,该函数有两个参数 `a` 和 `b`,使用箭头符号 `=>` 来实现函数体。函数体内部首先对这两个参数求和,然后使用 `console.log` 输出结果。你可以在 JavaScript 环境中调用该函数,传入两个数作为参数,即可输出它们的和。例如:
```javascript
sum(10, 20); // 输出 两数之和为:30
```
当你执行上述代码时,程序会先调用 `sum` 箭头函数,将 `10` 和 `20` 作为参数传入函数,函数内部将它们相加并输出结果 `"两数之和为:30"`。
相关问题
HTML使用箭头函数实现 创建一个函数 传入2个参数 求他们的和 并输出
HTML 中不支持箭头函数,它是一种 JavaScript 的语法,可以在浏览器或 Node.js 等 JavaScript 运行环境中使用。但是,你可以通过 JavaScript 脚本在 HTML 页面中使用箭头函数来实现你的需求。
下面是一个在 HTML 页面中使用箭头函数实现传入两个参数求和并输出的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>使用箭头函数求和</title>
</head>
<body>
<p id="result"></p>
<script>
const sum = (a, b) => a + b;
const result = sum(10, 20);
document.getElementById("result").innerText = `两数之和为:${result}`;
</script>
</body>
</html>
```
在上述代码中,我们定义了一个名为 `sum` 的箭头函数,该函数有两个参数 `a` 和 `b`,使用箭头符号 `=>` 来实现函数体,对这两个参数求和并返回结果。然后我们调用该函数,传入 `10` 和 `20` 作为参数,将返回的结果赋值给 `result` 变量。最后,我们使用 JavaScript 脚本将结果输出到 HTML 页面中的 `<p>` 标签中。
当你在浏览器中打开该 HTML 页面时,就可以看到页面上显示了 `"两数之和为:30"` 的文本。
使用箭头函数实现一个简易计算器的函数,使用JS
在JavaScript中,你可以使用箭头函数简明地创建一个基本的加减乘除四则运算的计算器函数。这里是一个简单的例子:
```javascript
// 创建一个接受两个数字和一个操作符作为参数的箭头函数
const calculator = (num1, num2, operator) => {
switch (operator) {
case '+':
return num1 + num2;
case '-':
return num1 - num2;
case '*':
return num1 * num2;
case '/':
// 检查除数是否为零,防止运行时错误
if (num2 !== 0) {
return num1 / num2;
} else {
throw new Error("Divide by zero is not allowed.");
}
default:
throw new Error("Invalid operator. Please use '+', '-', '*' or '/'");
}
};
// 调用函数计算结果
try {
console.log(calculator(10, 2, '+')); // 输出 12
console.log(calculator(6, 3, '*')); // 输出 18
} catch (error) {
console.error(error.message);
}
```
在这个示例中,`calculator`函数根据传入的操作符执行相应的计算,并处理了除数为零的情况。
阅读全文