Post

JavaScript函数定义的三种方法：闭包与原型链继承解析

2026-04-24

javascript

概述

JavaScript 中函数定义存在三种语法形式，闭包机制允许函数引用外部作用域变量，而原型链继承则通过对象原型实现属性传递。这些特性共同构成了 JavaScript 的核心编程范式。

核心概念

函数定义方式

JavaScript 支持三种函数定义语法：

函数表达式：const funcName = function() {}
函数声明：function funcName() {}
箭头函数：const funcName = () => {}

闭包（Closure）

闭包是指函数能够访问并记住其词法作用域的特性。当函数引用外部作用域的变量时，这些变量会保留在内存中，直到不再被引用。例如：

1function outer() {
2  const x = 10;
3  return function inner() { return x; }
4}
5const closure = outer();
6closure(); // 返回 10

原型链（Prototype Chain）

JavaScript 对象通过原型链继承属性。每个对象都有一个 [[Prototype]] 指针，指向其原型对象。例如：

String.prototype 是字符串对象的默认属性来源
Object.getPrototypeOf("") 可获取空字符串的原型对象

工作原理

作用域与变量提升

var 声明的变量会提升到当前作用域顶部，可能导致意外行为
let/const 声明的变量存在暂时性死区（TDZ），避免提升问题

原型链继承机制

对象通过 [[Prototype]] 链查找属性：

1Object.getPrototypeOf({}) === Object.prototype; // true
2String.prototype === Object.getPrototypeOf(""); // true

使用方法

函数定义实践

箭头函数：适合无绑定作用域的场景，如回调函数
函数声明：在代码块顶部自动提升，适合模块级函数定义

原型链操作

扩展原型：String.prototype.customMethod = function() {}
原型链断裂：Object.create(null) 创建无原型的对象

示例

闭包应用

 1function counter() {
 2  let count = 0;
 3  return {
 4    increment: () => count++,
 5    getCount: () => count
 6  };
 7}
 8const c = counter();
 9c.increment();
10console.log(c.getCount()); // 输出 1

原型链验证

1const obj = {};
2console.log(Object.getPrototypeOf(obj)); // 输出 Object.prototype
3console.log(Object.getPrototypeOf(Object.prototype)); // 输出 null

常见问题

null 与 undefined：两者没有属性，访问属性会抛出错误
NaN 与 Infinity：NaN 表示无效数值，Infinity 表示溢出结果
高阶函数：函数作为参数或返回值时，需注意作用域绑定问题

总结

JavaScript 的函数定义方式和作用域机制为开发提供了灵活性，但需注意闭包的内存占用和原型链的继承特性。理解这些核心概念有助于编写更健壮的代码。

概述