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

JavaScript 函数是可重复使用的代码块,用于封装特定任务或逻辑。定义后,可通过函数名随时调用,避免重复写相同代码,提升可读性、可维护性和复用性。
如何定义函数
JavaScript 提供多种定义方式,最常用的是函数声明和函数表达式:
-
函数声明:使用
function关键字 + 函数名 + 参数列表 + 大括号包裹的语句function greet(name) { return 'Hello, ' + name; } -
函数表达式:将函数赋值给变量,可为匿名或命名形式
const add = function(a, b) { return a + b; }; -
箭头函数(ES6+):语法更简洁,没有自己的
this和argumentsconst multiply = (x, y) => x * y;
函数的核心作用
函数不只是“执行一段代码”,它承担着关键职责:
- 模块化组织逻辑:把复杂操作拆成小单元,比如验证表单、格式化日期、发起 API 请求
-
接收输入、返回输出:通过参数传入数据,用
return输出结果,形成清晰的数据流 -
支持回调与异步编程:作为参数传递(如
setTimeout(callback, 1000)),支撑事件处理、Promise 链、async/await - 实现闭包与私有作用域:内部函数可访问外部函数变量,用于封装状态或创建工厂函数
使用函数的主要优势
合理使用函数能显著改善代码质量:
立即学习“Java免费学习笔记(深入)”;
- 减少重复(DRY 原则):同一段逻辑只需写一次,多处调用,修改也只需改一处
- 便于测试与调试:独立函数可单独运行、断点调试、单元测试
-
提升协作效率:命名得当的函数(如
formatCurrency())让他人快速理解意图 -
支持高阶函数与函数式编程:函数可被创建、存储、传递、返回,支撑
map、filter、reduce等强大抽象
一个小提醒
函数不是越多越好。过度拆分可能导致调用链过长、上下文难追踪;简单的一行操作也不必强行封装。关键是根据职责单一、复用可能、可读性提升这三个维度来判断是否需要独立成函数。











