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

核心要點

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

1. Map、Filter、Reduce

這些集合方法使數(shù)據(jù)轉(zhuǎn)換變得輕而易舉，并且?guī)缀醯玫搅似毡榈闹С帧Ｎ覀兛梢詫⑺鼈兣c箭頭函數(shù)結(jié)合使用，從而編寫出簡潔的代碼，替代Lodash提供的實現(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)語法允許我們無需實用函數(shù)即可獲取列表的頭部和尾部：

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

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

也可以類似地獲取初始元素和最后一個元素：

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

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

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

3. Rest 和 Spread

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

4. Curry

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

5. Partial

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

6. Operators

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

7. Paths

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

8. Pick

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

9. Constant、Identity、Noop

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

10. Chaining & Flow

Lodash提供了一些函數(shù)來幫助我們編寫鏈?zhǔn)秸Z句。在許多情況下，內(nèi)置的集合方法返回可以直接鏈?zhǔn)降臄?shù)組實例，但在某些方法會修改集合的情況下，這是不可能的。但是，我們可以將相同的轉(zhuǎn)換定義為箭頭函數(shù)數(shù)組：

結(jié)論

Lodash仍然是一個很棒的庫，本文只是從一個新的角度來看待JavaScript的演進版本如何讓我們在以前依賴實用程序模塊的情況下解決一些問題。不要忽視它。相反，下次當(dāng)你需要一個抽象時，考慮一下一個簡單的函數(shù)是否可以替代！

(FAQs部分略去，因為與代碼偽原創(chuàng)無關(guān)，且篇幅較長)

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