JavaScript:
将代码组织成函数

如何操作:

// 定义一个计算矩形面积的函数
function calculateArea(width, height) {
  return width * height;
}

// 调用函数并打印结果
let area = calculateArea(5, 3);
console.log(area); // 输出:15
// 使用函数来组织相关功能
function greet(name) {
  console.log(`Hello, ${name}!`);
}

function farewell(name) {
  console.log(`Goodbye, ${name}!`);
}

greet('Alice'); // 输出:Hello, Alice!
farewell('Bob'); // 输出:Goodbye, Bob!

深入探讨

历史上,像早期BASIC或汇编语言这样的命令式编程语言缺乏函数提供的抽象能力。随着时间的推移,像C语言这样的编程语言引入了模块化代码的概念,意味着将代码分解成单位(函数或程序)会导致更好的组织性和更清晰的逻辑。

在JavaScript中,除了普通函数,自ES6(2015年)起我们还具有箭头函数,它们提供了更简洁的语法,适合非方法函数。

在JavaScript中组织代码的替代方法和增强包括使用类的面向对象方法,或视函数为一等公民的函数式编程范式。

就实现而言,JavaScript函数支持闭包,提供了一种在执行后保持对函数作用域访问的方法,这对于封装和创建工厂函数等模式来说是非常强大的。

另请参阅

  • MDN Web 文档中的函数:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Functions
  • JavaScript 设计模式:https://addyosmani.com/resources/essentialjsdesignpatterns/book/
  • JavaScript 清晰代码指南:https://github.com/ryanmcdermott/clean-code-javascript