编辑“︁JavaScript设计原则”︁（章节）

== SOLID原则 ==

SOLID是面向对象编程中的五个基本原则，适用于JavaScript（尤其是使用类和对象时）。

=== 单一职责原则（SRP） ===
一个类或函数应该只有一个职责。例如：

<syntaxhighlight lang="javascript">
// 违反SRP的示例
class User {
  constructor(name, email) {
    this.name = name;
    this.email = email;
  }

  saveToDatabase() {
    // 保存用户到数据库
  }

  sendEmail() {
    // 发送邮件
  }
}

// 遵循SRP的改进
class User {
  constructor(name, email) {
    this.name = name;
    this.email = email;
  }
}

class UserRepository {
  saveToDatabase(user) {
    // 保存用户到数据库
  }
}

class EmailService {
  sendEmail(user) {
    // 发送邮件
  }
}
</syntaxhighlight>

=== 开闭原则（OCP） ===
软件实体应对扩展开放，对修改关闭。例如：

<syntaxhighlight lang="javascript">
// 违反OCP的示例
class Logger {
  log(message, type) {
    if (type === 'console') {
      console.log(message);
    } else if (type === 'file') {
      // 写入文件
    }
  }
}

// 遵循OCP的改进
class Logger {
  log(message) {
    throw new Error('Method not implemented');
  }
}

class ConsoleLogger extends Logger {
  log(message) {
    console.log(message);
  }
}

class FileLogger extends Logger {
  log(message) {
    // 写入文件
  }
}
</syntaxhighlight>

=== 里氏替换原则（LSP） ===
子类应该能够替换父类而不影响程序行为。例如：

<syntaxhighlight lang="javascript">
class Bird {
  fly() {
    return "I can fly";
  }
}

class Penguin extends Bird {
  fly() {
    throw new Error("Penguins can't fly");
  }
}

// 违反LSP，因为Penguin无法替换Bird
</syntaxhighlight>

=== 接口隔离原则（ISP） ===
客户端不应被迫依赖它们不使用的接口。例如：

<syntaxhighlight lang="javascript">
// 违反ISP的示例
class Worker {
  work() {}
  eat() {}
}

// 遵循ISP的改进
class Workable {
  work() {}
}

class Eatable {
  eat() {}
}
</syntaxhighlight>

=== 依赖倒置原则（DIP） ===
高层模块不应依赖低层模块，两者都应依赖抽象。例如：

<syntaxhighlight lang="javascript">
// 违反DIP的示例
class LightBulb {
  turnOn() {}
}

class Switch {
  constructor(bulb) {
    this.bulb = bulb;
  }

  operate() {
    this.bulb.turnOn();
  }
}

// 遵循DIP的改进
class SwitchableDevice {
  turnOn() {}
}

class LightBulb extends SwitchableDevice {
  turnOn() {}
}

class Switch {
  constructor(device) {
    this.device = device;
  }

  operate() {
    this.device.turnOn();
  }
}
</syntaxhighlight>