JavaScript之underscore_動力節(jié)點(diǎn)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ù)來實(shí)現(xiàn)map()、filter()這些操作。
我們采用方法二，選擇的第三方庫就是underscore。
正如jQuery統(tǒng)一了不同瀏覽器之間的DOM操作的差異，讓我們可以簡單地對DOM進(jìn)行操作，underscore則提供了一套完善的函數(shù)式編程的接口，讓我們更方便地在JavaScript中實(shí)現(xiàn)函數(shù)式編程。
jQuery在加載時，會把自身綁定到唯一的全局變量$上，underscore與其類似，會把自身綁定到唯一的全局變量_上，這也是為啥它的名字叫underscore的原因。
用underscore實(shí)現(xiàn)map()操作如下：
'use strict'; _.map([1, 2, 3], (x) => x * x); // [1, 4, 9]
咋一看比直接用Array.map()要麻煩一點(diǎn)，可是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é)點(diǎn)Java學(xué)院整理
- underscore之Collections_動力節(jié)點(diǎn)Java學(xué)院整理
- underscore之Chaining_動力節(jié)點(diǎn)Java學(xué)院整理
- 微信小程序使用第三方庫Underscore.js步驟詳解
- 深入解析Backbone.js框架的依賴庫Underscore.js的作用
- Underscore源碼分析
- Underscore.js 1.3.3 中文注釋翻譯說明
- Underscore.js 的模板功能介紹與應(yīng)用
- underscore之function_動力節(jié)點(diǎn)Java學(xué)院整理
相關(guān)文章
onkeydown事件解決按回車鍵直接提交數(shù)據(jù)的需求
登陸頁面需要撲捉用戶按下回車自動提交的需求，于是相到在body里添加onkeydown事件跳javascript在提交表單，具體看下實(shí)現(xiàn)代碼，希望對你有所幫助2013-04-04
Bootstrap 過渡效果Transition 模態(tài)框（Modal）
這篇文章主要介紹了Bootstrap 過渡效果Transition 模態(tài)框（Modal）,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
javascript的慣性運(yùn)動實(shí)現(xiàn)代碼實(shí)例
這篇文章主要介紹了javascript的慣性運(yùn)動實(shí)現(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
iFrame小應(yīng)用2008-12-12
有時候定義的函數(shù)需要設(shè)置默認(rèn)值，因?yàn)椴粠Ь蜁霈F(xiàn)一些錯誤，大家可以參考下這里默認(rèn)值的定義方法。2010-05-05
下拉緩沖菜單效果想必大家都有見過吧，在本文使用JS輕松實(shí)現(xiàn)下，想學(xué)習(xí)的朋友可以參考下2013-08-08
javascript firefox不顯示本地預(yù)覽圖片問題的解決方法
在Firefox一直不能用js做出圖片預(yù)覽的效果，下面這個即可解決，用替換的方法實(shí)現(xiàn)firefox支持得的路徑格式2008-11-11
JavaScript面向?qū)ο蟮某绦蛟O(shè)計(jì)(犯迷糊的小羊)
這篇文章主要介紹了JavaScript面向?qū)ο蟮某绦蛟O(shè)計(jì)(犯迷糊的小羊),需要的朋友可以參考下2018-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)左右列表聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
JavaScript自定義Webpack配置實(shí)現(xiàn)流程介紹
本系列主要整理前端面試中需要掌握的知識點(diǎn)。本節(jié)介紹webpack如何優(yōu)化前端性能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-10-10