TypeScript の単一責任原則を理解する: クイックガイド-jsチュートリアル-php.cn

Understanding Single Responsibility Principle in TypeScript: A Quick Guide

単一責任原則の主な定義では、クラスが変更する理由は 1 つだけである必要があると述べています。より深く理解するために、このステートメントを分解してみましょう。

渡したテキストを操作するクラスがあるとします。単一責任原則では、作成するクラスはテキストの操作のみを担当し、そのクラスが実行するその他のアクションはクラスの一部であるべきではないとします。クラス。

そのようなクラスの例をとり、それをどのようにリファクタリングできるかを見てみましょう:

class TextManipulator { text: string; constructor(text: string) { this.text = text; } appendText(newText: string) { return this.text.concat(newText); } findAndReplace(word: string, replacementWord: string) { if (this.text.includes(word)) { this.text.replace(word, replacementWord); } return this.text; } printText() { console.log("The text is ", this.text); } }

ログイン後にコピー

上記のコードでは、クラスが print アクションも実行していることがわかります。これは単一責任の原則を破ります。 2 つの新しいクラスを作成することでコードをリファクタリングできます

class TextManipulator { private text: string; constructor(text: string) { this.text = text; } appendText(newText: string) { return this.text.concat(newText); } findAndReplace(word: string, replacementWord: string) { if (this.text.includes(word)) { this.text.replace(word, replacementWord); } return this.text; } getText() { return this.text; } } class PrintText { formattedText: TextManipulator; constructor(formattedText: TextManipulator) { this.formattedText = formattedText; } printText() { console.log("The text is ", this.formattedText.getText()); } }

ログイン後にコピー

リファクタリングされたコードには、別々のアクションを実行する 2 つの別々のクラスがあります。