策略模式的意義是定義一系列的算法，把它們一個個封裝起來，并且使它們可相互替換。
一個小例子就能讓我們一目了然。
回憶下jquery里的animate方法.
復(fù)制代碼 代碼如下:
$( div ).animate( {“left: 200px”}, 1000, ‘linear' ); //勻速運動
$( div ).animate( {“left: 200px”}, 1000, ‘cubic' ); //三次方的緩動
這2句代碼都是讓div在1000ms內(nèi)往右移動200個像素. linear(勻速)和cubic(三次方緩動)就是一種策略模式的封裝.
再來一個例子. 上半年我寫的dev.qplus.com, 很多頁面都會有個即時驗證的表單. 表單的每個成員都會有一些不同的驗證規(guī)則.
比如姓名框里面， 需要驗證非空，敏感詞，字符過長這幾種情況。 當(dāng)然是可以寫3個if else來解決，不過這樣寫代碼的擴展性和維護性可想而知。如果表單里面的元素多一點，需要校驗的情況多一點，加起來寫上百個if else也不是沒有可能。
所以更好的做法是把每種驗證規(guī)則都用策略模式單獨的封裝起來。需要哪種驗證的時候只需要提供這個策略的名字。就像這樣：
復(fù)制代碼 代碼如下:
nameInput.addValidata({
notNull: true,
dirtyWords: true,
maxLength: 30
})
而notNull，maxLength等方法只需要統(tǒng)一的返回true或者false，來表示是否通過了驗證。
復(fù)制代碼 代碼如下:
validataList = {
notNull: function( value ){
return value !== ”;
},
maxLength: function( value, maxLen ){
return value.length() > maxLen;
}
}
notNull: function( value ){
return value !== ”;
},
maxLength: function( value, maxLen ){
return value.length() > maxLen;
}
}
可以看到，各種驗證規(guī)則很容易被修改和相互替換。如果某天產(chǎn)品經(jīng)理建議字符過長的限制改成60個字符。那只需要0.5秒完成這次工作。
