js基础之函数式编程

时间:2021-09-30 01:18:24

函数式编程(Functional Programming)是一种编程范式,它强调使用函数来构建程序,避免使用可变状态和共享状态。JavaScript 作为一门支持函数式编程的语言,也有着很多函数式编程的特性。

函数是一等公民

JavaScript 中的函数是一等公民,它们可以被赋值给变量、作为参数传递给其他函数或从其他函数中返回。这使得函数式编程在 JavaScript 中变得非常方便。

例如,我们可以定义一个函数 add,它接收两个参数并返回它们的和:

function add(a, b) {
  return a + b;
}

然后我们可以将它赋值给一个变量,或者将它作为参数传递给其他函数:

const sum = add(2, 3);
console.log(sum); // 输出 5

function callFunc(func) {
  return func(2, 3);
}

const result = callFunc(add);
console.log(result); // 输出 5

纯函数

纯函数是指不依赖于外部状态,且在同样的输入下总是返回同样的输出的函数。纯函数没有副作用,也就是说,它们不会影响程序的其他部分。

例如,下面的函数就是一个纯函数:

function square(n) {
  return n * n;
}

它总是返回同样的输出,且不会影响程序的其他部分。而下面的函数就不是纯函数:

let x = 2;

function addX(n) {
  return n + x;
}

它依赖于外部状态 x,且每次调用时都会改变 x 的值,因此它不是纯函数。

高阶函数

高阶函数是指可以接收一个或多个函数作为参数,或者返回一个函数的函数。高阶函数是函数式编程中非常重要的概念之一。

例如,我们可以定义一个函数 map,它接收一个函数和一个数组作为参数,然后对数组中的每个元素应用这个函数:

function map(func, arr) {
  const result = [];
  for (let i = 0; i < arr.length; i++) {
    result.push(func(arr[i]));
  }
  return result;
}

const numbers = [1, 2, 3, 4];
const squares = map(square, numbers);
console.log(squares); // 输出 [1, 4, 9, 16]

这个函数接收一个函数 square 和一个数组 numbers,然后对 numbers 中的每个元素应用 square 函数,最终返回一个新的数组。

函数柯里化

函数柯里化是指将一个接收多个参数的函数转换为一系列只接收一个参数的函数的过程。这个过程可以使用高阶函数来实现。

例如,我们可以定义一个函数 add,它接收两个参数并返回它们的和:

function add(a, b) {
  return a + b;
}

然后我们可以使用高阶函数将它转换为一个只接收一个参数的函数:

function add(a) {
  return function(b) {
    return a + b;
  }
}

const addTwo = add(2);
console.log(addTwo(3)); // 输出 5

这个函数接收一个参数 a,然后返回一个新的函数,这个新的函数接收一个参数 b,最终返回 a 和 b 的和。

总结

函数式编程是一种非常强大的编程范式,它强调使用函数来构建程序,避免使用可变状态和共享状态。JavaScript 作为一门支持函数式编程的语言,也有着很多函数式编程的特性。在使用函数式编程时,我们要注意函数的纯度、高阶函数和函数柯里化等概念,这些都是函数式编程中非常重要的概念。