JS 函数式编程|极客笔记

JS 函数式编程

函数式编程是一种编程范式，它将计算过程视为数学函数的求值。在函数式编程中，函数被视为一等公民，即函数可以作为参数传递给其他函数，也可以作为返回值返回给调用者。JavaScript作为一门灵活的脚本语言，天然适合函数式编程的特性。本文将详细介绍JavaScript中的函数式编程，包括函数的定义、高阶函数、纯函数、不变性和柯里化等概念。

函数的定义

在JavaScript中，函数可以使用function关键字定义，也可以使用箭头函数语法进行定义。以下是两种方式定义一个简单的函数：

// 使用function关键字定义函数
function add(a, b) {
    return a + b;
}

// 使用箭头函数定义函数
const add = (a, b) => a + b;

在函数式编程中，函数应该是纯函数，即给定相同的输入，总是返回相同的输出，而且没有副作用。纯函数不会修改外部状态，也不会产生与输入参数无关的副作用。

高阶函数

高阶函数是指接收一个或多个函数作为参数，并且/或者返回一个函数的函数。在函数式编程中，高阶函数是非常常见的。以下是一个简单的高阶函数示例：

function operate(func, a, b) {
    return func(a, b);
}

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

function multiply(a, b) {
    return a * b;
}

console.log(operate(add, 2, 3)); // 输出5
console.log(operate(multiply, 2, 3)); // 输出6

在上面的示例中，operate函数接收一个func参数，这个参数是一个函数，然后将a和b作为参数传递给这个函数。可以看到，通过高阶函数，我们可以实现更加灵活的函数调用。

纯函数

纯函数是函数式编程的核心概念之一。纯函数有以下两个主要特点：

相同的输入总是会产生相同的输出；
函数没有副作用，即不会对外部状态产生影响。

以下是一个非纯函数的示例：

let total = 0;

function add(value) {
    total += value;
    return total;
}

console.log(add(1)); // 输出1
console.log(add(2)); // 输出3

在上面的示例中，add函数每次调用都会修改外部状态total，这违反了纯函数的第二个特点。下面是一个纯函数的示例：

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

console.log(add(1, 2)); // 输出3
console.log(add(1, 2)); // 输出3

在这个示例中，add函数给定相同的输入总是会产生相同的输出，而且函数没有副作用。

不变性

在函数式编程中，不变性是一个重要的概念，意味着数据一旦创建就不能被改变。不变性有助于减少bug，并且简化复杂性。在JavaScript中，虽然对象和数组是可变的，但是我们可以通过一些手段来实现不变性。以下是一个简单的示例：

const data = Object.freeze([1, 2, 3]);

data.push(4); // 这里会抛出错误，因为数据是不可变的

console.log(data); // 输出[1, 2, 3]

在这个示例中，我们使用Object.freeze来冻结数组data，使其不可变。这样就可以避免不小心改变数据的情况发生。

柯里化

柯里化是一种将接受多个参数的函数转变成接受一个参数的函数的技术。柯里化可以帮助我们把函数式编程的思想应用到实际场景中，使得代码更加简洁和易于组合。以下是一个简单的柯里化的示例：

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

const add2 = curriedAdd(2);
console.log(add2(3)); // 输出5

在这个示例中，curriedAdd函数接收一个参数a，返回一个新函数，这个新函数接收一个参数b，然后返回a + b的结果。通过柯里化，我们可以将一个多参数函数转换成一系列单参数函数，从而更好地组合和复用函数。

结语

函数式编程是一种强大的编程范式，可以帮助我们编写更加简洁、可维护的代码。JavaScript作为一门灵活的语言，非常适合函数式编程的特性。通过学习和应用函数式编程的相关概念，我们可以写出更加优雅和健壮的代码。

JS 函数式编程