使用 JavaScript 庫進行函數語言程式設計：Ramda、Lodash 和 Immutable.js

---

函數語言程式設計是 JavaScript 開發中一種流行的正規化，它強調不變性、純函式和高階函式。它促進了編寫乾淨、簡潔且易於維護的程式碼。為了促進高階函數語言程式設計技術，出現了幾個 JavaScript 庫，提供了強大的工具和實用程式。在本文中，我們將探討三個這樣的庫：Ramda、Lodash 和 Immutable.js。我們將深入研究程式碼示例，解釋其功能，並展示它們為 JavaScript 函數語言程式設計帶來的好處。

Ramda：簡化函數語言程式設計

Ramda 是一個強大的庫，它在 JavaScript 中提倡函數語言程式設計。它專注於不變性，並提供廣泛的函式來操作不變的資料結構。它的主要優勢之一是其可組合性，允許開發人員透過將多個函式連結在一起構建複雜的轉換。

示例

讓我們看看更多使用 Ramda 的示例：

// Example: Composing multiple functions with Ramda
const add = (a, b) => a + b;
const double = (n) => n * 2;
const subtractTen = (n) => n - 10;

const result = R.pipe(
   add,
   double,
   subtractTen
)(5, 3);

console.log(result); 

解釋

在這個例子中，我們定義了三個函式：add、double 和 subtractTen。然後我們使用 R.pipe 將它們組合在一起。輸入 5 和 3 透過組合函式傳遞，得到輸出 8。

輸出

8

Ramda 提供了更多有用的函式來進行各種資料操作，例如排序、切片、歸約等等。

示例

讓我們看看使用 R.sort 的示例：

// Example: Sorting an array with Ramda
const numbers = [3, 1, 4, 2, 5];

const sortedNumbers = R.sort((a, b) => a - b, numbers);

console.log(sortedNumbers);

解釋

在這個例子中，我們使用 R.sort 將數字陣列按升序排序。結果陣列為 [1, 2, 3, 4, 5]。

輸出

[1, 2, 3, 4, 5]

Lodash：JavaScript 的瑞士軍刀

Lodash 是一個廣泛採用的實用程式庫，它提供許多有用的函式來運算元組、物件和其他資料結構。雖然它不是純函式式的，但 Lodash 採用了函數語言程式設計的概念，並允許開發人員以更函式式的風格編寫程式碼。

示例

這是一個展示 Lodash 功能的示例：

// Example: Filtering an array with Lodash
const numbers = [1, 2, 3, 4, 5];

const filteredNumbers = _.filter(numbers, (n) => n % 2 === 0);

console.log(filteredNumbers); 

解釋

在這個例子中，我們使用 _.filter 從陣列中過濾出偶數。結果陣列包含 [2, 4]。

輸出

[2, 4]

Lodash 提供了大量用於陣列操作、物件操作、字串操作等的函式。讓我們看看使用 _.groupBy 的示例。

示例

// Example: Grouping objects by a property with Lodash
const books = [
   { title: 'JavaScript: The Good Parts', author: 'Douglas Crockford' },
   { title: 'Eloquent JavaScript', author: 'Marijn Haverbeke' },
   { title: 'JavaScript: The Definitive Guide', author: 'David Flanagan' },
   { title: 'You Don't Know JS', author: 'Kyle Simpson' }
];

const booksByAuthor = _.groupBy(books, 'author');

console.log(booksByAuthor);

解釋

在這個例子中，我們使用 _.groupBy 按作者姓名對 books 陣列進行分組。結果物件包含按作者姓名分組的書籍陣列。

輸出

{
   'Douglas Crockford': [
      { title: 'JavaScript: The Good Parts', author: 'Douglas Crockford' }
   ],
   'Marijn Haverbeke': [
      { title: 'Eloquent JavaScript', author: 'Marijn Haverbeke' }
   ],
   'David Flanagan': [
      { title: 'JavaScript: The Definitive Guide', author: 'David Flanagan' }
   ],
   'Kyle Simpson': [
      { title: 'You Don't Know JS', author: 'Kyle Simpson' }
   ]
}

Immutable.js：JavaScript 的不變資料結構

Immutable.js 是一個提供不變資料結構的庫，它使在 JavaScript 中更容易強制執行不變性。它提供永續性資料結構，這意味著對現有資料的修改會建立新物件，同時重用未更改的部分。這種方法有助於防止意外的副作用並簡化狀態管理。

示例

考慮以下示例：

// Example: Manipulating an immutable list with Immutable.js
let list1 = Immutable.List([1, 2, 3]);
let list2 = list1.push(4);

console.log(list1.toArray());
console.log(list2.toArray());

解釋

在這個例子中，我們使用三個元素建立了一個 Immutable.js 列表。然後我們使用 push 方法追加第四個元素，建立一個新的列表。原始列表保持不變，而我們得到了修改後的列表。

輸出

[1, 2, 3]
[1, 2, 3, 4]

Immutable.js 提供了一系列資料結構，包括 List、Map、Set 等。

示例

讓我們探索另一個使用 Map 的示例：

// Example: Updating a value in an immutable Map with Immutable.js
let map1 = Immutable.Map({ name: 'John', age: 30 });
let map2 = map1.set('age', 31);

console.log(map1.toObject()); // Output: { name: 'John', age: 30 }
console.log(map2.toObject()); // Output: { name: 'John', age: 31 }

解釋

在這個例子中，我們使用姓名和年齡建立一個 Immutable.js Map。然後我們使用 set 方法更新年齡值。與之前的示例類似，原始 map 保持不變，而建立一個具有更新值的新 map。

輸出

{ name: 'John', age: 30 }
{ name: 'John', age: 31 }

結論

使用 Ramda、Lodash 和 Immutable.js 等 JavaScript 庫進行函數語言程式設計帶來了許多好處，包括程式碼可讀性、可維護性和效能最佳化。這些庫使開發人員能夠採用函數語言程式設計的概念，同時提供強大的工具用於資料操作、組合和不變性。

Ramda 透過其可組合性簡化了函數語言程式設計，允許開發人員連結函式並建立複雜的轉換。Lodash 作為具有函數語言程式設計支援的多功能實用程式庫，提供了廣泛的函式用於各種資料結構的資料操作。Immutable.js 提供不變的資料結構，強制執行不變性並防止意外的副作用。