Javascript 中的單一職責原則-js教程-PHP中文網

Javascript 中的單一職責原則

DDD

發布： 2024-12-09 08:20:06

原創

653 人瀏覽過

Single Responsibility Principle in Javascript

理解 JavaScript 中的單一職責原則
在編寫乾淨、可維護的程式碼時，要遵循的最重要的原則之一是單一職責原則（SRP）。這是軟體開發中的五個 SOLID 原則之一，可確保您的程式碼更易於閱讀、測試和修改。

什麼是單一責任原則？

羅伯特‧C.馬丁 (Robert C.Martin) 的單一責任原則指出：

一個類別或函數應該有且僅有一個改變的理由。

簡單來說，程式碼的每個單元（無論是函數、類別還是模組）都應該負責做一件事並做好它。當職責分離時，程式碼某個區域的變更不會意外影響其他區域，從而降低出現錯誤的風險並使您的應用程式更易於維護和測試。

為什麼建議零售價很重要？

如果沒有 SRP，您可能會面臨以下問題：

糾結的依賴關係：當一個函數或類別具有多個職責時，對一個函數或類別進行更改可能會無意中破壞另一個函數或類別。
可測試性降低：當程式碼單元執行過多操作時，測試會變得更加困難，因為您需要模擬不相關的依賴項。可讀性差：大型、多用途的函數或類別更難理解，特別是對於加入專案的新開發人員。
維護困難：一個單位承擔的責任越多，隔離和修復錯誤或添加新功能所需的努力就越多。

在 JavaScript 中應用 SRP

讓我們來看一些在 JavaScript 中應用 SRP 的實際範例。

範例 1：重構函數

沒有建議零售價

function handleUserLogin(userData) {
    // Validate user data
    if (!userData.email || !userData.password) {
        logger.error("Invalid user data");
        return "Invalid input";
    }

    // Authenticate user
    const user = authenticate(userData.email, userData.password);
    if (!user) {
        console.error("Authentication failed");
        return "Authentication failed";
    }

    // Log success
    console.info("User logged in successfully");
    return user;
}

登入後複製

這個函數做了太多的事情：驗證、認證和日誌。每一項都是不同的責任。

含建議零售價

我們可以透過將其分解為更小的、單一用途的函數來重建它：

function validateUserData(userData) {
    if (!userData.email || !userData.password) {
        throw new Error("Invalid user data");
    }
}

function authenticateUser(email, password) {
    const user = authenticate(email, password); // Assume authenticate is defined elsewhere
    if (!user) {
        throw new Error("Authentication failed");
    }
    return user;
}

function handleUserLogin(userData, logger) {
    try {
        validateUserData(userData);
        const user = authenticateUser(userData.email, userData.password);
        logger.info("User logged in successfully");
        return user;
    } catch (error) {
        logger.error(error.message);
        return error.message;
    }
}

登入後複製

現在，每個函數都有一個職責，使得測試和修改變得更容易。

範例 2：重構類

沒有建議零售價

一個管理多個關注點的類別：

class UserManager {
    constructor(db, logger) {
        this.db = db;
        this.logger = logger;
    }

    createUser(user) {
        // Save user to DB
        this.db.save(user);
        this.logger.info("User created");
    }

    sendNotification(user) {
        // Send email
        emailService.send(`Welcome, ${user.name}!`);
        this.logger.info("Welcome email sent");
    } 
}

登入後複製

這裡，UserManager 處理使用者建立、日誌記錄和傳送電子郵件－職責太多。

含建議零售價

透過將職責委託給其他類別或模組進行重構：

class UserService {
    constructor(db) {
        this.db = db;
    }

    createUser(user) {
        this.db.save(user);
    }
}

class NotificationService {
    sendWelcomeEmail(user) {
        emailService.send(`Welcome, ${user.name}!`);
    }
}

class UserManager {
    constructor(userService, notificationService, logger) {
        this.userService = userService;
        this.notificationService = notificationService;
        this.logger = logger;
    }

    createUser(user) {
        this.userService.createUser(user);
        this.notificationService.sendWelcomeEmail(user);
        this.logger.info("User created and welcome email sent");
    }
}

登入後複製

現在每個類別都專注於一個問題：持久性、通知或日誌記錄。