JavaScript中的函数是代码复用和抽象的核心机制，其定义方式灵活多样，既支持传统编程语言的结构化声明，也具备动态语言的特性。函数在JS中不仅是执行逻辑的载体，更是对象、闭包、异步编程等高级特性的基石。其定义形式涵盖函数声明、函数表达式、箭头函数等多种语法，且在参数处理、返回值、作用域等细节上存在显著差异。不同的定义方式直接影响函数的行为特征，例如this绑定规则、词法环境、内存管理等。理解这些差异对编写高效、可维护的JS代码至关重要。
一、函数声明（Function Declaration）
函数声明是最直接的定义方式，使用function关键字配合函数名，具有以下特征：
- 语法结构：
function 函数名(参数) { 函数体 } - 特性：会被提升（Hoisting）到所在作用域顶部
- 适用场景：需要提前定义并在多处调用的通用函数
| 特性 | 示例 | 说明 |
|---|---|---|
| 函数提升 | console.log(add(1,2)); | 即使调用在前，仍能正常执行 |
| 名称解析 | function foo(){foo();} | 递归调用时名称已可用 |
二、函数表达式（Function Expression）
将函数作为表达式赋值给变量，分为匿名函数表达式和具名函数表达式：
| 类型 | 语法示例 | 关键差异 |
|---|---|---|
| 匿名函数表达式 | const func = function(a){return a*2;} | 无函数名，需通过变量调用 |
| 具名函数表达式 | const func = function foo(){return foo;} | 函数名仅在内部有效，非必需 |
与函数声明的核心区别在于：表达式定义的函数不会提升，必须在定义后才能调用。
三、箭头函数（Arrow Function）
ES6引入的简写语法，核心特征包括：
- 无this绑定（继承自外围词法环境）
- 无arguments对象
- 不可用作构造函数
| 对比维度 | 传统函数 | 箭头函数 |
|---|---|---|
| this指向 | 取决于调用方式 | 继承自定义时上下文 |
| 参数处理 | (a,b) => a+b | 可省略括号（单参数时） |
| 返回值 | 需显式return | 单行表达式自动返回 |
典型应用：回调函数、事件处理、数组方法（map/filter/reduce）等需要保留外部this的场景。
四、构造函数（Constructor）
用于创建对象的模板函数，需通过new调用，特性包括：
- 函数内部this指向新创建的对象
- 默认返回新对象（除非显式
return其他值） - 常用于原型链继承体系
| 调用方式 | this指向 | 返回值 |
|---|---|---|
| 普通调用 | 全局对象（严格模式为undefined） | 函数显式返回的值 |
new调用 | 新创建的空对象 | 新对象（除非返回非原始值） |
示例：
function Person(name){ this.name=name; }
const p=new Person('Alice'); // this指向p实例五、生成器函数（Generator）
通过function*定义，允许分阶段执行并保持函数状态：
- 使用
yield暂停/恢复执行 - 返回迭代器对象（包含
next()方法） - 适用于异步流程控制、惰性计算等场景
| 特性 | 普通函数 | 生成器函数 |
|---|---|---|
| 执行模式 | 一次性完成 | 可分段执行 |
| 返回值 | 固定结果 | 迭代器对象 |
| 应用场景 | 同步计算 | 异步任务调度 |
示例：
function* countdown(n){ while(n--) yield n; }
const gen=countdown(5); console.log(gen.next().value); //4六、异步函数（Async Function）
基于Promise的语法糖，使用async/await实现异步流程同步化：
- 隐式返回Promise对象
await右侧必须为Promise实例- 错误处理需结合
try/catch
| 特性 | 普通Promise | 异步函数 |
|---|---|---|
| 代码可读性 | 链式调用复杂 | 接近同步写法 |
| 错误处理 | .catch()捕获 | try/catch |
| 返回值 | 需显式返回 | 自动包裹为Promise |
典型应用：网络请求、文件读写、定时操作等IO密集型任务。
七、参数处理机制
JS函数参数具有动态特性，涉及默认值、rest参数、arguments对象等：
| 参数类型 | 语法示例 | 说明 |
|---|---|---|
| 默认参数 | function sum(a=0,b=0){return a+b;} | 未传参时使用默认值 |
| Rest参数 | function concat(...args){return args.join('');} | 收集多余参数为数组 |
| Arguments对象 | function log(){console.log(arguments);} | 所有参数的类数组对象（箭头函数除外） |
参数解构：ES6支持直接解构参数，如function({name,age}){...}，提升代码可读性。
八、作用域与闭包
函数定义方式直接影响作用域规则和闭包形成：
- 函数声明：独立作用域，变量提升至函数顶部
| 特性 | 函数声明 | 箭头函数 |
|---|---|---|
| 作用域 | 独立块级作用域 | 继承外围词法环境 |
更多相关文章
无敌弹窗整人VBS代码
WScript.Echo("嘿，谢谢你打开我哦，我等你很久拉！"TSName)WScript.Echo("以下对话纯属虚构")WScript.Echo("你是可爱的***童...以下是几种实现“无敌弹窗”效果的VBS整人代码方案及实现原理：基础无限弹窗无限循环弹窗，无法通过常规方式关闭，必...
终极多功能修复工具(bat)
终极多功能修复工具纯绿色，可以修复IE问题，上网问题，批处理整理磁盘，自动优化系统，自动优化系统等，其他功能你可以自己了解。复制一下代码保存为***.bat,也可以直接下载附件。注意个别杀毒软件会...
电脑硬件检测代码
特征码推荐组合 稳定项：DMI UUID（主板）、硬盘序列号、CPU序列号、BIOS序列号 实现方式： DMI/BIOS序列号：通过WMI接口获取，硬盘序列号：调用底层API， CPU序列号：需汇编指令直接读取，Linux系统检测（以Ubuntu为例），使用 dmidecode 命令获取...
BAT的关机/重启代码
@ECHO Off, et VON=fal e if %VON%==fal e et VON=true if ...通过上述代码，可灵活实现关机、重启、休眠等操作，无需依赖第三方软件。强制关闭程序：添加-f参数可强制终止未响应程序（如 hutdown - -f -t 0）。
激活WIN7进入无限重启
我们以华硕电脑为例,其他有隐藏分区的电脑都可以用下吗方法解决。 运行PCSKYS_Window 7Loader_v3.27激活软件前，一定要先做以下工作，不然会白装系统！！！！会出现从隐藏分区引导，并不断重启的现象。无限循环window i loading file ...
修复win7下exe不能运行的注册表代码
新建文本文档，将上述代码完整复制粘贴到文档中；保存文件时选择“所有文件”类型，文件名设为修复EXE关联.reg（注意后缀必须是.reg）；双击运行该注册表文件并确认导入；重启系统使修改生效。辅助修复方案（可选）若无法直接运行.reg文件，可尝试以下方法：将C:\Window \regedit...
发表评论