JavaScript 轻量级函数式编程融会贯通

2023-12-20 16:04:25

JavaScript 轻量级函数式编程融会贯通

恭喜你，你已经掌握了 JavaScript 轻量级函数式编程的所有基本概念。现在是时候将这些概念融会贯通，并将其应用到实际编程中了。

本章我们将通过研究代码片段，将本书中大部分主要概念联系起来并学以致用。建议你进行大量深入的练习来熟悉这些技巧，因为理解本章内容对于你将来在实际编程中使用函数式编程技术至关重要。

代码片段 1：高阶函数与柯里化

const add = (a, b) => a + b;

const add5 = add.bind(null, 5);

add5(10); // 15

这段代码展示了高阶函数和柯里化的使用。函数 add 是一个高阶函数，它可以接受另一个函数作为参数。函数 bind() 可以将函数 add 柯里化，生成一个新的函数 add5。函数 add5 只接受一个参数，并且总是将这个参数与 5 相加。

代码片段 2：闭包

function counter() {
  let count = 0;

  return function() {
    return ++count;
  };
}

const counter1 = counter();

counter1(); // 1
counter1(); // 2

这段代码展示了闭包的使用。函数 counter 返回一个内部函数，该内部函数可以访问 counter 函数的局部变量 count。这使得 counter 函数可以创建一个私有的计数器，并且该计数器只能被 counter 函数和它返回的内部函数访问。

代码片段 3：Promise 和异步编程

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Hello, world!');
  }, 1000);
});

promise.then((result) => {
  console.log(result); // Hello, world!
});

这段代码展示了 Promise 和异步编程的使用。函数 Promise 可以创建一个 Promise 对象，该对象表示一个异步操作的结果。函数 then() 可以注册一个回调函数，该回调函数将在异步操作完成后被调用。

代码片段 4：生成器和迭代器

function* fibonacci() {
  let [a, b] = [0, 1];

  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}

const fibonacciGenerator = fibonacci();

fibonacciGenerator.next(); // { value: 0, done: false }
fibonacciGenerator.next(); // { value: 1, done: false }
fibonacciGenerator.next(); // { value: 1, done: false }
fibonacciGenerator.next(); // { value: 2, done: false }

这段代码展示了生成器和迭代器的使用。函数 fibonacci 是一个生成器函数，它可以创建一个生成器对象。生成器对象是一个迭代器，它可以被用来生成一个序列。函数 next() 可以从生成器对象中获取下一个值。

代码片段 5：Set、Map、WeakMap 和 WeakSet

const set = new Set([1, 2, 3, 4, 5]);

set.add(6);
set.delete(2);

console.log(set); // Set { 1, 3, 4, 5, 6 }

const map = new Map([
  ['name', 'John Doe'],
  ['age', 30]
]);

map.set('city', 'New York');
map.delete('age');

console.log(map); // Map { 'name' => 'John Doe', 'city' => 'New York' }

const weakMap = new WeakMap();
const weakSet = new WeakSet();

const obj1 = {};
const obj2 = {};

weakMap.set(obj1, 'Hello');
weakSet.add(obj2);

console.log(weakMap.get(obj1)); // Hello
console.log(weakSet.has(obj2)); // true

这段代码展示了 Set、Map、WeakMap 和 WeakSet 的使用。Set 是一个无序集合，它可以存储唯一的值。Map 是一个键值对集合，它可以存储任何类型的值。WeakMap 是一个弱引用键值对集合，它可以存储任何类型的值，但键必须是一个对象。WeakSet 是一个弱引用集合，它可以存储任何类型的值，但值必须是一个对象。