善用 JavaScript 设计模式中的原则，解锁优质代码新格局

前端

2023-12-23 22:05:48

代码设计的基石：单一职责、最少知识和开放-封闭原则

在当今复杂的软件开发环境中，遵循最佳实践至关重要。JavaScript 设计模式中三个核心原则——单一职责原则 (SRP)、最少知识原则 (LKP) 和开放-封闭原则 (OCP)——提供了编写健壮、可维护和可扩展代码的基础。

单一职责原则

想象一下，你正在做一个苹果派。你不会把所有成分都一股脑儿地扔进烤盘，对吧？同样的道理也适用于代码设计。SRP 要求每个函数或模块只专注于一个特定任务。这样做的好处多多：

可维护性强： 当每个函数只负责一件事时，修改或更新就变得简单多了。
可重用性强： 可以轻松地将独立的函数或模块用于其他项目。
可读性强： 清晰、有组织的代码更容易理解和审查。

最少知识原则

你不会让你的宠物知道你的银行账户密码，对吧？同样，在代码中，LKP 规定每个函数或模块只知道完成其任务所需的最低限度的信息。好处显而易见：

可维护性强： 知道的东西越少，维护起来就越容易。
可重用性强： 松散耦合的函数和模块可以轻松地重新用于不同的项目。
可读性强： 专注于特定任务的代码更容易理解。

开放-封闭原则

你是否曾遇到过需要在软件中添加新功能但又发现代码几乎不可能修改的情况？OCP 解决了这个问题。它要求代码对扩展开放，但对修改封闭。这听起来像一个悖论，但它确实可行：

可维护性强： 通过使用抽象和依赖注入，可以添加新功能，而无需修改现有代码。
可重用性强： OCP 促进代码的松散耦合，提高了可重用性。
可读性强： 易于扩展的代码通常更容易理解。

将这些原则付诸实践

在 JavaScript 中应用这些原则很容易：

SRP： 将代码分解为执行特定任务的函数或模块。
LKP： 使用接口和抽象类来限制模块之间的信息共享。
OCP： 通过依赖注入和抽象实现松散耦合。

代码示例

// SRP
function calculateArea(width, height) {
  return width * height;
}

// LKP
interface Shape {
  area();
}

class Rectangle implements Shape {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }

  area() {
    return this.width * this.height;
  }
}

// OCP
class ShapeManager {
  constructor() {
    this.shapes = [];
  }

  addShape(shape) {
    this.shapes.push(shape);
  }

  calculateTotalArea() {
    let totalArea = 0;
    for (const shape of this.shapes) {
      totalArea += shape.area();
    }
    return totalArea;
  }
}