JavaScript之underscore_動力節(jié)點Java學(xué)院整理
JavaScript是函數(shù)式編程語言,支持高階函數(shù)和閉包。函數(shù)式編程非常強(qiáng)大,可以寫出非常簡潔的代碼。例如Array的map()和filter()方法:
'use strict'; var a1 = [1, 4, 9, 16]; var a2 = a1.map(Math.sqrt); // [1, 2, 3, 4] var a3 = a2.filter((x) => { return x % 2 === 0; }); // [2, 4]
現(xiàn)在問題來了,Array有map()和filter()方法,可是Object沒有這些方法。此外,低版本的瀏覽器例如IE6~8也沒有這些方法,怎么辦?
方法一,自己把這些方法添加到Array.prototype中,然后給Object.prototype也加上mapObject()等類似的方法。
方法二,直接找一個成熟可靠的第三方開源庫,使用統(tǒng)一的函數(shù)來實現(xiàn)map()、filter()這些操作。
我們采用方法二,選擇的第三方庫就是underscore。
正如jQuery統(tǒng)一了不同瀏覽器之間的DOM操作的差異,讓我們可以簡單地對DOM進(jìn)行操作,underscore則提供了一套完善的函數(shù)式編程的接口,讓我們更方便地在JavaScript中實現(xiàn)函數(shù)式編程。
jQuery在加載時,會把自身綁定到唯一的全局變量$上,underscore與其類似,會把自身綁定到唯一的全局變量_上,這也是為啥它的名字叫underscore的原因。
用underscore實現(xiàn)map()操作如下:
'use strict'; _.map([1, 2, 3], (x) => x * x); // [1, 4, 9]
咋一看比直接用Array.map()要麻煩一點,可是underscore的map()還可以作用于Object:
'use strict'; _.map({ a: 1, b: 2, c: 3 }, (v, k) => k + '=' + v); // ['a=1', 'b=2', 'c=3']
- Underscore之Array_動力節(jié)點Java學(xué)院整理
- underscore之Collections_動力節(jié)點Java學(xué)院整理
- underscore之Chaining_動力節(jié)點Java學(xué)院整理
- 微信小程序使用第三方庫Underscore.js步驟詳解
- 深入解析Backbone.js框架的依賴庫Underscore.js的作用
- Underscore源碼分析
- Underscore.js 1.3.3 中文注釋翻譯說明
- Underscore.js 的模板功能介紹與應(yīng)用
- underscore之function_動力節(jié)點Java學(xué)院整理
相關(guān)文章
JS小功能(setInterval實現(xiàn)圖片效果顯示時間)實例代碼
這篇文章主要介紹了setInterval實現(xiàn)圖片效果顯示時間實例代碼,有需要的朋友可以參考一下2013-11-11js前端實現(xiàn)圖片懶加載(lazyload)的兩種方式
本篇文章主要介紹了js前端實現(xiàn)圖片懶加載(lazyload)的兩種方式 ,使用圖片懶加載可以提高網(wǎng)頁運(yùn)行速度,有興趣的可以了解一下。2017-04-04JavaScript用document.write()輸出換行的示例代碼
這篇文章主要介紹了JavaScript用document.write()輸出換行的示例代碼,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-11-11淺析javascript中函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別
這篇文章主要介紹了淺析javascript中函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別,需要的朋友可以參考下2015-02-02js+html5實現(xiàn)canvas繪制橢圓形圖案的方法
這篇文章主要介紹了js+html5實現(xiàn)canvas繪制橢圓形圖案的方法,涉及html5圖形繪制的基礎(chǔ)技巧,感興趣的朋友可以參考一下2016-05-05