javascript 函数式

javascript 函数式
编程
函数式编程是一种编程范式，它将计算视为数学函数的组合。

JavaScript 是一种支持函数式编程的语言，它提供了许多用于函数式编程的工具和技术。

在本文中，我们将介绍 JavaScript 函数式编程的基础知识和常用技巧。

一、纯函数
纯函数是指没有副作用并且仅依赖于其输入参数的函数。

换句话说，纯函数不会修改任何外部状态，并且对于给定的输入参数，总是返回相同的输出结果。

以下是一个简单的例子：
```
function add(a, b) {
return a + b;
}
```
这个函数只接受两个数字作为输入，并返回它们的和。

它没有任何副
作用，并且对于相同的输入参数，总是返回相同的输出结果。

二、高阶函数
高阶函数是指接受一个或多个函数作为参数并/或返回一个新函数的函数。

JavaScript 中有许多内置高阶函数，例如 map、filter 和 reduce。

1. map
map 函数接受一个数组和一个回调函数作为参数，并返回一个新数组，其中每个元素都是回调函数对原始数组中对应元素进行转换后得到的
结果。

以下是一个例子：
```
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(function(number) {
return number * number;
});
console.log(squaredNumbers); // [1, 4, 9, 16, 25]
```
这个例子中，我们定义了一个数组 numbers，并使用 map 函数将它
转换为一个新数组 squaredNumbers，其中每个元素都是原始数组中
对应元素的平方。

2. filter
filter 函数接受一个数组和一个回调函数作为参数，并返回一个新数组，其中只包含回调函数返回 true 的元素。

以下是一个例子：
```
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(function(number) {
return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4]
```
这个例子中，我们定义了一个数组 numbers，并使用 filter 函数将它
转换为一个新数组 evenNumbers，其中只包含原始数组中的偶数。

3. reduce
reduce 函数接受一个数组、一个回调函数和一个初始值作为参数，并返回对数组中所有元素进行归约操作后得到的结果。

以下是一个例子：
```
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce(function(accumulator, currentValue) {
return accumulator + currentValue;
}, 0);
console.log(sum); //15
```
这个例子中，我们定义了一个数组 numbers，并使用 reduce 函数将它转换为所有元素的和。

三、柯里化
柯里化是指将接受多个参数的函数转换为一系列只接受一个参数的函数的过程。

这种技术可以使函数更加通用和灵活。

以下是一个简单的例子：
```
function add(a, b) {
return a + b;
}
function curryAdd(a) {
return function(b) {
return add(a, b);
}
}
const add5 = curryAdd(5);
console.log(add5(3)); //8
```
这个例子中，我们定义了一个 add 函数，它接受两个参数并返回它们的和。

然后，我们定义了一个 curryAdd 函数，它接受一个参数并返
回一个新函数，该新函数接受另一个参数并返回它们的和。

最后，我
们使用curryAdd 函数创建了一个add5 函数，并将其应用于数字3。

四、组合
组合是指将多个函数组合成单个函数的过程。

这种技术可以使代码更
加模块化和可重用。

以下是一个简单的例子：
```
function add(a, b) {
return a + b;
}
function multiply(a, b) {
return a * b;
}
const addAndMultiply = function(a, b, c) {
return multiply(add(a, b), c);
};
console.log(addAndMultiply(1, 2, 3)); //9
```
这个例子中，我们定义了两个函数 add 和 multiply，并使用它们创建了一个新函数 addAndMultiply，该函数接受三个参数并返回它们相加后乘以第三个参数的结果。

五、递归
递归是指一个函数调用自身的过程。

这种技术可以用于处理树形和递归数据结构等问题。

以下是一个简单的例子：
```
function factorial(n) {
if (n === 0) {
return 1;
} else {
return n * factorial(n - 1);
}
}
console.log(factorial(5)); //120
```
这个例子中，我们定义了一个factorial 函数，它计算给定数字的阶乘。

该函数使用递归调用自身，并在基本情况下返回 1。

六、尾递归
尾递归是指一个函数在其最后一步调用自身的过程。

这种技术可以使
递归更加高效并避免栈溢出等问题。

以下是一个简单的例子：
```
function factorial(n, accumulator = 1) {
if (n === 0) {
return accumulator;
} else {
return factorial(n - 1, n * accumulator);
}
}
console.log(factorial(5)); //120
```
这个例子中，我们定义了一个factorial 函数，它计算给定数字的阶乘。

该函数使用尾递归调用自身，并将中间结果作为第二个参数传递。

七、闭包
闭包是指一个函数能够访问其父作用域中变量的能力。

JavaScript 中
函数都是闭包，因为它们可以访问其定义时所在作用域中的变量。

以
下是一个简单的例子：
```
function createCounter() {
let count = 0;
return function() {
count++;
return count;
}
}
const counter = createCounter();
console.log(counter()); //1
console.log(counter()); //2
```
这个例子中，我们定义了一个 createCounter 函数，它返回一个新函数，该新函数每次调用都会增加计数器并返回当前计数器的值。

由于闭包的特性，新函数可以访问其父作用域中的 count 变量。

八、箭头函数
箭头函数是一种简洁和清晰的语法形式，它可以使代码更加可读和易于理解。

以下是一个简单的例子：
```
const add = (a, b) => a + b;
console.log(add(1, 2)); //3
```
这个例子中，我们使用箭头函数定义了一个 add 函数，并将其应用于数字 1 和 2。

总结
JavaScript 函数式编程是一种强大且灵活的编程范式，它可以使代码更加模块化、可重用和易于测试。

本文介绍了 JavaScript 函数式编程的基础知识和常用技巧，包括纯函数、高阶函数、柯里化、组合、递归、尾递归、闭包和箭头函数等。

希望本文能够帮助您更好地理解JavaScript 函数式编程。