JavaScript 进阶：函数式与面向对象编程

2022-12-31 11:27:03

函数式编程与面向对象编程：深入探讨 JavaScript 中的两种范式

在 JavaScript 的世界里，开发人员享有使用多种编程范式的灵活性，这两种最流行的范式是函数式编程和面向对象编程。每种范式都有其独特的优势和劣势，在本文中，我们将深入探讨它们之间的差异，并提供代码示例，帮助你了解它们在实际应用中的工作原理。

函数式编程：注重不变性和纯函数

函数式编程是一种强调不可变性、纯函数和递归的编程方法。换句话说，函数式代码避免修改现有数据，而是创建新数据并返回结果。这种方法确保了代码的可预测性和调试的容易性。

JavaScript 中的函数式编程特性包括：

箭头函数
匿名函数
高阶函数
闭包
柯里化
函数组合

代码示例：

// 不可变映射
const myArray = [1, 2, 3];
const doubledArray = myArray.map((num) => num * 2);
console.log(myArray); // [1, 2, 3] (原数组保持不变)
console.log(doubledArray); // [2, 4, 6] (新数组包含加倍的值)

面向对象编程：围绕对象和类构建代码

面向对象编程（OOP）是一种组织和设计代码的方式，它使用类、对象和继承来对代码建模。OOP 代码被封装在对象中，这些对象包含数据（属性）和行为（方法）。

JavaScript 中的 OOP 特性包括：

类
对象
继承
多态
封装

代码示例：

// 创建一个 Person 类
class Person {
  constructor(name) {
    this.name = name;
  }
  greet() {
    console.log(`你好，我的名字是 ${this.name}`);
  }
}

// 创建一个 Person 对象
const person = new Person("约翰");
person.greet(); // 输出："你好，我的名字是 约翰"