SOLID - Day S - 单一职责原则 (SRP)

百变鹏仔 3天前 #JavaScript

文章标签职责

srp简介：
单一职责原则 (srp) 是五个 solid 原则之一，是一套编写更干净、更可持续的代码的指南。 srp 规定，一个类应该只有一个改变的理由，这意味着它应该只有一个职责或功能。遵循这个原则会让代码更容易理解、维护和测试。

srp 的目标：

不良做法示例（类）：
这里我们有一个 userservice 类，它不仅仅做一件事：管理用户和发送通知。

class userservice {  createuser(user: user): void {    // logic to create user  }  deleteuser(userid: string): void {    // logic to delete user  }  notifyuser(userid: string, message: string): void {    // logic to notify user  }}

在这种方法中，userservice 类具有多种职责：管理用户和发送通知。这违反了建议零售价。

良好实践示例（课程）：
要应用 srp，我们可以将职责分为不同的类别。

class userservice {  createuser(user: user): void {    // logic to create user  }  deleteuser(userid: string): void {    // logic to delete user  }}class notificationservice {  notifyuser(userid: string, message: string): void {    // logic to notify user  }}

现在，userservice 只处理用户创建和删除，而notificationservice 处理通知。每个类都有一个职责，遵循 srp。

不良实践示例（函数）：
这里我们有一个函数可以做不止一件事：创建用户并发送通知。

function createuserandnotify(user: user, message: string): void {  // logic to create user  // logic to send notification}

在这种方法中，createuserandnotify 函数有多个职责：创建用户和发送通知。这违反了建议零售价。

良好实践示例（函数）：
要应用 srp，我们可以将职责划分为不同的职能。

function createuser(user: user): void {  // logic to create user}function notifyuser(userid: string, message: string): void {  // logic to notify user}// using the separated functionscreateuser(newuser);notifyuser(newuser.id, 'welcome!');

现在，createuser函数只处理用户创建，而notifyuser处理通知。每个职能部门都有一个职责，遵循 srp。

react native 与 typescript 中的应用：
想象一下我们正在开发一个任务管理应用程序。我们可以通过将任务管理逻辑和通知逻辑分离到不同的类来应用srp。

不良做法示例（类）：

class taskservice {  addtask(task: task): void {    // logic to add task  }  removetask(taskid: string): void {    // logic to remove task  }  notifytaskdue(taskid: string): void {    // logic to notify that the task is due  }}

良好实践示例（课程）：

class taskservice {  addtask(task: task): void {    // logic to add task  }  removetask(taskid: string): void {    // logic to remove task  }}class tasknotificationservice {  notifytaskdue(taskid: string): void {    // logic to notify that the task is due  }}

不良实践示例（函数）：

function addtaskandnotify(task: task): void {  // logic to add task  // logic to notify that the task is due}

良好实践示例（函数）：

function addTask(task: Task): void {  // Logic to add task}function notifyTaskDue(taskId: string): void {  // Logic to notify that the task is due}// Using the separated functionsaddTask(newTask);notifyTaskDue(newTask.id);

通过职责划分，我们使应用程序更易于维护和扩展。

结论：
遵循单一职责原则有助于保持代码整洁、有组织且易于维护。在使用 typescript 的 react native 开发中应用 srp 会产生更加模块化和可测试的代码。永远记住让你的类和函数专注于单一职责，以获得这一原则的所有好处。

文章推荐

SOLID - Day S - 单一职责原则 (SRP)

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？