原型是個好東西,通常除了Object的原型不應該擴充,向原型添加新方法是很好的選擇。
我們看一下如何為數組取最大值與最小值。最笨的方法估計是這樣:
Array.prototype.max = function () { var max = this[0]; var len = this.length; for (var i = 1; i < len; i++) { if (this[i] > max) { max = this[i]; } } return max; } Array.prototype.min = function () { var min = this[0]; var len = this.length; for (var i = 1; i < len; i++) { if (this[i] < min) { min = this[i]; } } return min; }
如果你是引入類庫進行工作,害怕類庫也實現了同名的原型方法,我們可以在產生之前進行判斷:
if (typeof Array.prototype['max'] == 'undefined') { Array.prototype.max = function () { // } }
但這兩個擴充實現得的確不怎麼樣?!有什麼原生的方法可以給我們用一用呢?John Resig巧妙地利用apply方法來調用原生的Math.max與Math.min方法迅速求得結果。apply能讓一個方法指定調用對象與傳入參數,並且傳入參數是以數組形式組織的。恰恰現在有一個方法叫Math.max,調用對象為Math,與多個參數。
Array.max = function (array) { return Math.max.apply(Math, array); }; Array.min = function (array) { return Math.min.apply(Math, array); };
不過,John Resig是把它們做成Math對象的靜態方法,不能使用大神最愛用的鏈式調用了。但這方法還能更精簡一些,不要忘記,Math對象也是一個對象,我們用對象的字面量來寫,又可以省幾個位元了。
Array.prototype.max = function () { return Math.max.apply({}, this)}Array.prototype.min = function () { return Math.min.apply({}, this)}
let's test some~~~~~~~~~~~~~~~~~ ^_^
[1, 2, 3].max()// => 3 [1, 2, 3].min()// => 1