2020最新国产在线不卡a-爱看女同中文字幕av-国产大秀视频在线一区二区-大香蕉手机在线最新视频

尚武科技——負責(zé)任的企業(yè)公民

電話

電話咨詢

pHONE CONSulTING

0311-83796180

QQ

在線咨詢

ONliNE CONSulTING
百度商橋
科技以人為本
尚武旗下網(wǎng)站
尚武科技
搜索圖標(biāo)
Sitemap | Mail | 合作答疑 | 招賢納士
網(wǎng)站公告 尚武科技服務(wù)熱線:0311-
 83796180
   
我們是誰  |  企業(yè)文化  |  新聞動態(tài)  |  加入我們  |  行業(yè)知識
「Vue 實用技巧」策略模式實現(xiàn)動態(tài)表單驗證

  在 Vue 的使用過程中會遇到各種場景,當(dāng)普通使用時覺得沒什么,但是或許優(yōu)化一下可以更高效更優(yōu)美地進行開發(fā)。接下來就由石家莊網(wǎng)站建設(shè)工程師講解日常開發(fā)用到的小技巧。

  策略模式 (Strategy Pattern)又稱政策模式,其定義一系列的算法,把它們一個個封裝起來,并且使它們可以互相替換。封裝的策略算法一般是獨立的,策略模式根據(jù)輸入來調(diào)整采用哪個算法。關(guān)鍵是策略的實現(xiàn)和使用分離。

石家莊網(wǎng)站建設(shè)

  1. 你曾見過的策略模式

  現(xiàn)在電子產(chǎn)品種類繁多,尺寸多種多樣,有時候你會忍不住想拆開看看里面啥樣(想想小時候拆的玩具車還有遙控器),但是螺絲規(guī)格很多,螺絲刀尺寸也不少,如果每碰到一種規(guī)格就買一個螺絲刀,家里就得堆滿螺絲刀了。所以現(xiàn)在人們都用多功能的螺絲刀套裝,螺絲刀把只需要一個,碰到不同規(guī)格的螺絲只要換螺絲刀頭就行了,很方便,體積也變小很多。

  2. 實例的代碼實現(xiàn)

  具體的例子我們用編程上的例子來演示,比較好量化。

  場景是這樣的,某個電商網(wǎng)站希望舉辦一個活動,通過打折促銷來銷售庫存物品,有的商品滿 100 減 30,有的商品滿 200 減 80,有的商品直接8折出售,這樣的邏輯交給我們,我們要怎樣去實現(xiàn)呢?

石家莊網(wǎng)站建設(shè)

 

  通過判斷輸入的折扣類型來計算商品總價的方式,幾個 if-else 就滿足了需求,但是這樣做法的缺點也很明顯:

  priceCalculate 函數(shù)隨著折扣類型的增多, if-else 判斷語句會變得越來越臃腫;

  如果增加了新的折扣類型或者折扣類型的算法有所改變,那么需要更改 priceCalculate 函數(shù)的實現(xiàn),這是違反開放-封閉原則的;

  可復(fù)用性差,如果在其他的地方也有類似這樣的算法,但規(guī)則不一樣,上述代碼不能復(fù)用;

  我們可以改造一下,將計算折扣的算法部分提取出來保存為一個對象,折扣的類型作為 key,這樣索引的時候通過對象的鍵值索引調(diào)用具體的算法:

石家莊網(wǎng)站建設(shè)

  算法就被隱藏起來,并且預(yù)留了增加策略的入口,便于擴展。

  以上關(guān)于Vue 使用中的小技巧屬于石家莊網(wǎng)站建設(shè)工程師的個人觀點,大家如果對此有著不同的見解,可以關(guān)注公眾號“尚武科技派”給我留言,大家可以交流一下自己的心德體會,共同學(xué)習(xí)進步。




上一篇:JavaScript 高階函數(shù)入門淺析             下一篇:圖標(biāo)的定義

標(biāo)簽:石家莊網(wǎng)站建設(shè)
尚武科技
推薦閱讀
睿億網(wǎng)絡(luò)用心服務(wù)的團隊,竭誠為您服務(wù) 客服不能及時回復(fù)您,您可點擊QQ進行交談
欲了解業(yè)務(wù)詳情,請撥打咨詢熱線:
值班電話:15512183667
在線服務(wù): 尚武科技售前專員   
合作答疑 |  企業(yè)郵箱 |  關(guān)于我們 |  聯(lián)系我們 |  版權(quán)聲明 |  會員中心 |  友情鏈接 |  免責(zé)聲明
Copyright ? 2008-2019 尚武科技 保留所有權(quán)利 >冀ICP備07012169號    Copyright ? 2008 m.dachencms.com, Inc. All rights reserved