溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
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']
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼