欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript設(shè)計(jì)模式之策略模式實(shí)例

 更新時(shí)間：2014年10月10日 09:16:24   投稿：junjie  
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之策略模式實(shí)例,本文分析了Jquery源碼并給出了自己的實(shí)現(xiàn),需要的朋友可以參考下

策略模式的意義是定義一系列的算法，把它們一個(gè)個(gè)封裝起來，并且使它們可相互替換。
一個(gè)小例子就能讓我們一目了然。

回憶下jquery里的animate方法.

復(fù)制代碼 代碼如下:

$( div ).animate( {“l(fā)eft: 200px”}, 1000, ‘linear' );  //勻速運(yùn)動(dòng)
$( div ).animate( {“l(fā)eft: 200px”}, 1000, ‘cubic' );  //三次方的緩動(dòng)

這2句代碼都是讓div在1000ms內(nèi)往右移動(dòng)200個(gè)像素. linear(勻速)和cubic(三次方緩動(dòng))就是一種策略模式的封裝.

再來一個(gè)例子. 上半年我寫的dev.qplus.com, 很多頁面都會(huì)有個(gè)即時(shí)驗(yàn)證的表單. 表單的每個(gè)成員都會(huì)有一些不同的驗(yàn)證規(guī)則.

比如姓名框里面， 需要驗(yàn)證非空，敏感詞，字符過長(zhǎng)這幾種情況。 當(dāng)然是可以寫3個(gè)if else來解決，不過這樣寫代碼的擴(kuò)展性和維護(hù)性可想而知。如果表單里面的元素多一點(diǎn)，需要校驗(yàn)的情況多一點(diǎn)，加起來寫上百個(gè)if else也不是沒有可能。

所以更好的做法是把每種驗(yàn)證規(guī)則都用策略模式單獨(dú)的封裝起來。需要哪種驗(yàn)證的時(shí)候只需要提供這個(gè)策略的名字。就像這樣：

復(fù)制代碼 代碼如下:

nameInput.addValidata({
notNull: true,
dirtyWords: true,
maxLength: 30
})

而notNull，maxLength等方法只需要統(tǒng)一的返回true或者false，來表示是否通過了驗(yàn)證。
復(fù)制代碼 代碼如下:
validataList = {
notNull: function( value ){
return value !== ”;
},
maxLength: function( value, maxLen ){
return value.length() > maxLen;
}
}

可以看到，各種驗(yàn)證規(guī)則很容易被修改和相互替換。如果某天產(chǎn)品經(jīng)理建議字符過長(zhǎng)的限制改成60個(gè)字符。那只需要0.5秒完成這次工作。

相關(guān)文章

最新評(píng)論