17370845950

JavaScript函数是可复用代码块，用于封装任务、提升可读性与维护性；可通过函数声明、表达式或箭头函数定义，支持模块化、输入输出、回调、闭包等核心功能，合理使用遵循DRY原则与单一职责。

JavaScript 函数是可重复使用的代码块，用于封装特定任务或逻辑。定义后，可通过函数名随时调用，避免重复写相同代码，提升可读性、可维护性和复用性。

如何定义函数

JavaScript 提供多种定义方式，最常用的是函数声明和函数表达式：

• 函数声明：使用 function 关键字 + 函数名 + 参数列表 + 大括号包裹的语句
  function greet(name) { return 'Hello, ' + name; }
• 函数表达式：将函数赋值给变量，可为匿名或命名形式
  const add = function(a, b) { return a + b; };
• 箭头函数（ES6+）：语法更简洁，没有自己的 this 和 arguments
const multiply = (x, y) => x * y;

函数的核心作用

函数不只是“执行一段代码”，它承担着关键职责：

• 模块化组织逻辑：把复杂操作拆成小单元，比如验证表单、格式化日期、发起 API 请求
• 接收输入、返回输出：通过参数传入数据，用 return 输出结果，形成清晰的数据流
• 支持回调与异步编程：作为参数传递（如 setTimeout(callback, 1000)），支撑事件处理、Promise 链、async/await
• 实现闭包与私有作用域：内部函数可访问外部函数变量，用于封装状态或创建工厂函数

使用函数的主要优势

合理使用函数能显著改善代码质量：

• 减少重复（DRY 原则）：同一段逻辑只需写一次，多处调用，修改也只需改一处
• 便于测试与调试：独立函数可单独运行、断点调试、单元测试
• 提升协作效率：命名得当的函数（如 formatCurrency()）让他人快速理解意图
• 支持高阶函数与函数式编程：函数可被创建、存储、传递、返回，支撑 map、filter、reduce 等强大抽象

一个小提醒

函数不是越多越好。过度拆分可能导致调用链过长、上下文难追踪；简单的一行操作也不必强行封装。关键是根据职责单一、复用可能、可读性提升这三个维度来判断是否需要独立成函数。