JavaScript 中 Function 的核心前提

Source: Dev.to

这在 JavaScript 中是函数吗？

function fiveSquared() {
    return 5 * 5;
}

从技术上讲，是的。不过，fiveSquared 缺少真实世界函数应具备的 可复用性。无论调用 fiveSquared() 多少次，它总是返回 25。如果你需要计算 6 的平方，就必须编写一个新函数（sixSquared）。这会重复相同的逻辑，违背 DRY（Don’t Repeat Yourself） 原则。

“世纪之痛”的解药

我们通过使用 参数——输入值的占位符——来解决这个问题，这样同一个函数就可以处理任意数字。

function calculateSquare(num) {
    return num * num;
}

现在函数可以复用：

• calculateSquare(5) 返回 25
• calculateSquare(6) 返回 36
• calculateSquare(100) 返回 10,000

逻辑只写一次，任何参数都可以调用，使代码保持 DRY 并且可扩展。

最终结论

编写函数是成为高效开发者的基础步骤。一个好的函数提供灵活的逻辑，能够在不重写代码的情况下复用。通过使用参数而不是硬编码值，你可以避免重复工作，保持代码整洁。

测试你的知识：函数挑战！

• 编写一个名为 multiplyByTen 的函数，接受一个参数并返回该数字乘以 10 的结果。
• 如果你创建了一个带参数的函数，但在逻辑中从未使用该参数，会发生什么？它仍然遵循 DRY 原则吗？
• 编写一个函数，接受两个参数（例如 num1 和 num2），并返回它们的和。

接下来是什么？

在本文中，我们学习了参数如何让我们向函数传递不同的数据，从而实现代码的复用。

接下来，我们将探讨如何让 操作本身 成为占位符。通过将函数作为参数传入，我们可以创建 高阶函数（Higher‑Order Functions，HOF），使其能够执行乘法、加法或任何其他操作，而无需更改核心逻辑。准备好让你的代码像数据一样灵活吧！