進(jìn)擊的觀察者模式

printempw 發(fā)布于2019-08-23 13:44 / 2090人閱讀

摘要：原文鏈接進(jìn)擊的觀察者模式商品信息改變帶來的煩惱譯屁話少說放碼過來以下所有代碼參見商品的信息價(jià)格折扣顧客信息是否威會(huì)員購買數(shù)量總消費(fèi)購買時(shí)間戳總消費(fèi)計(jì)算方式從代碼中很容易看得出來我們就是想實(shí)現(xiàn)一個(gè)簡單的計(jì)費(fèi)功能可現(xiàn)實(shí)中商品的價(jià)格可能并不是一成

原文鏈接:進(jìn)擊的觀察者模式

商品信息改變帶來的煩惱

Talk is cheap. Show me the code. (譯: 屁話少說, 放碼過來)

以下所有代碼參見Design pattern transformation.

    // 商品的信息: 價(jià)格 & 折扣
    const data = {
        price: 100,
        discount: 0.8
    }

    // 顧客信息: 是否威會(huì)員 & 購買數(shù)量 & 總消費(fèi) & 購買時(shí)間戳
    const customer = {
        "VIP": true,
        "quantity": 10,
        "total": 0,
    }

    // 總消費(fèi)計(jì)算方式
    total = (info) => {
        if(!info.VIP) {
            info.total = data.price * info.quantity;
        } else {
            info.total = data.price * data.discount * info.quantity;
        }
    }

    total(customer);
    console.log("customer", customer);
    // customer { VIP: true, quantity: 10, total: 800 }

從代碼中很容易看得出來, 我們就是想實(shí)現(xiàn)一個(gè)簡單的計(jì)費(fèi)功能. 可現(xiàn)實(shí)中, 商品的價(jià)格可能并不是一成不變的.

data.price = 200

價(jià)格變動(dòng)后, 我們需要及時(shí)地獲取總消費(fèi), 那么就必須重新調(diào)用下 total計(jì)費(fèi).

    total(customer);
    console.log("customer", customer);
    // customer { VIP: true, quantity: 10, total: 1600 }

這是一個(gè)大數(shù)據(jù)時(shí)代, 任何數(shù)據(jù)都有價(jià)值. 現(xiàn)在, 我們還想要每次購買時(shí)的時(shí)間點(diǎn).

    const customer = {
        "VIP": true,
        "quantity": 10,
        "total": 0,
+       "timeStamp": 0
    }
    // 獲取購買時(shí)間
   purchaseTime = (info) => {
        info.timeStamp = Date.now();
   }

于是, 我們需要執(zhí)行的函數(shù)就多了一個(gè).

    total(customer)
    purchaseTime(customer)
    console.log("customer", customer)
    // { VIP: true, quantity: 10, total: 1600, timeStamp: 1542293676297 }

如果我們的需求還有很多, 而且不知一個(gè)customer呢. 那么, 每次價(jià)格變化我們需要執(zhí)行很多步驟, 每次啊, 麻煩得很.

+    const customer1 = {
+    "VIP": false,
+    "quantity": 8,
+    "total": 0,
+    "timeStamp": 0
+    }

    total(customer)
    purchaseTime(customer)
    func(customer)
    ...
    funcN(customer1)
    total(customer1)
    purchaseTime(customer1)
    func(customer1)
    ...
    funcN(customer)
    ...
    funcN(customerN)

現(xiàn)在我們就對(duì)上面的代碼進(jìn)行觀察者模式改造.

用觀察者模式改造

從上面的例子中