Lodash目前是npm包中依賴最多的庫(kù)，但如果您使用ES6，則可能實(shí)際上並不需要它。本文將探討如何結(jié)合原生集合方法、箭頭函數(shù)和其他ES6新特性，來(lái)簡(jiǎn)化許多常用場(chǎng)景的代碼。

核心要點(diǎn)

• Lodash目前是npm包中依賴最多的庫(kù)，但在某些情況下，使用ES6可以消除對(duì)它的需求。
• ES6特性，例如原生集合方法、箭頭函數(shù)、解構(gòu)語(yǔ)法以及rest和spread運(yùn)算符，可以替代Lodash的常用功能，例如map、filter、reduce、head & tail以及rest和spread。
• ES6還可以使用箭頭函數(shù)、rest參數(shù)和spread運(yùn)算符來(lái)替代Lodash的curry、partial、運(yùn)算符、路徑、pick、constant、identity、noop以及鏈?zhǔn)秸{(diào)用等功能。
• 儘管Lodash仍然是一個(gè)非常有價(jià)值的庫(kù)，但JavaScript的演進(jìn)版本（ES6）為解決以前由Lodash等實(shí)用程序模塊處理的問(wèn)題提供了新的方法。

1. Map、Filter、Reduce

這些集合方法使數(shù)據(jù)轉(zhuǎn)換變得輕而易舉，並且?guī)缀醯玫搅似毡榈闹С?。我們可以將它們與箭頭函數(shù)結(jié)合使用，從而編寫(xiě)出簡(jiǎn)潔的代碼，替代Lodash提供的實(shí)現(xiàn)：

// Lodash
_.map([1, 2, 3], function(n) { return n * 3; });
// [3, 6, 9]
_.reduce([1, 2, 3], function(total, n) { return total + n; }, 0);
// 6
_.filter([1, 2, 3], function(n) { return n % 2; });
// [1, 3]

// ES6
[1, 2, 3].map(n => n * 3);
[1, 2, 3].reduce((total, n) => total + n, 0);
[1, 2, 3].filter(n => n % 2);

這還不是全部。如果我們使用的是現(xiàn)代瀏覽器，還可以使用find、some、every和reduceRight。

2. Head & Tail

解構(gòu)語(yǔ)法允許我們無(wú)需實(shí)用函數(shù)即可獲取列表的頭部和尾部：

// Lodash
_.head([1, 2, 3]);
// 1
_.tail([1, 2, 3]);
// [2, 3]

// ES6
const [head, ...tail] = [1, 2, 3];

也可以類似地獲取初始元素和最後一個(gè)元素：

// Lodash
_.initial([1, 2, 3]);
// -> [1, 2]
_.last([1, 2, 3]);
// 3

// ES6
const [last, ...initial] = [...[1, 2, 3]].reverse();

如果您覺(jué)得reverse會(huì)修改數(shù)據(jù)結(jié)構(gòu)，可以使用spread運(yùn)算符在調(diào)用reverse之前克隆數(shù)組：

3. Rest 和 Spread

rest和spread函數(shù)允許我們定義和調(diào)用接受可變數(shù)量參數(shù)的函數(shù)。 ES6為這兩種操作引入了專門(mén)的語(yǔ)法：

4. Curry

如果沒(méi)有像TypeScript或Flow這樣的高級(jí)語(yǔ)言，我們就無(wú)法為函數(shù)提供類型簽名，這使得currying變得相當(dāng)困難。當(dāng)我們接收到curried函數(shù)時(shí)，很難知道已經(jīng)提供了多少個(gè)參數(shù)，以及接下來(lái)需要提供哪些參數(shù)。使用箭頭函數(shù)，我們可以顯式地定義curried函數(shù)，使它們更容易被其他程序員理解：

5. Partial

與currying一樣，我們可以使用箭頭函數(shù)使部分應(yīng)用變得簡(jiǎn)單明了：

6. Operators

Lodash包含許多函數(shù)，它們將語(yǔ)法運(yùn)算符重新實(shí)現(xiàn)為函數(shù)，以便可以將它們傳遞給集合方法。在大多數(shù)情況下，箭頭函數(shù)使它們足夠簡(jiǎn)單和簡(jiǎn)短，我們可以內(nèi)聯(lián)定義它們：

7. Paths

Lodash的許多函數(shù)都將路徑作為字符串或數(shù)組。我們可以使用箭頭函數(shù)創(chuàng)建更多可重用的路徑：

8. Pick

pick實(shí)用程序允許我們從目標(biāo)對(duì)像中選擇所需的屬性。我們可以使用解構(gòu)和簡(jiǎn)寫(xiě)對(duì)象字面量來(lái)實(shí)現(xiàn)相同的結(jié)果：

9. Constant、Identity、Noop

Lodash提供了一些實(shí)用程序，用於創(chuàng)建具有特定行為的簡(jiǎn)單函數(shù)：

10. Chaining & Flow

Lodash提供了一些函數(shù)來(lái)幫助我們編寫(xiě)鍊式語(yǔ)句。在許多情況下，內(nèi)置的集合方法返回可以直接鍊式的數(shù)組實(shí)例，但在某些方法會(huì)修改集合的情況下，這是不可能的。但是，我們可以將相同的轉(zhuǎn)換定義為箭頭函數(shù)數(shù)組：

結(jié)論

Lodash仍然是一個(gè)很棒的庫(kù)，本文只是從一個(gè)新的角度來(lái)看待JavaScript的演進(jìn)版本如何讓我們?cè)谝郧耙蕾噷?shí)用程序模塊的情況下解決一些問(wèn)題。不要忽視它。相反，下次當(dāng)你需要一個(gè)抽象時(shí)，考慮一下一個(gè)簡(jiǎn)單的函數(shù)是否可以替代！

(FAQs部分略去，因?yàn)榕c代碼偽原創(chuàng)無(wú)關(guān)，且篇幅較長(zhǎng))

以上是您可以用ES6替換的10個(gè)Lodash功能的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！