1/3
- 下载图片
- 复制图片
。
频道主
函数式编程
函数式编程是一种编程范式，是一种构建计算机程序结构和元素的风格，它把计算看作是对数学函数的评估，避免了状态的变化和数据的可变。
纯函数
纯函数是稳定的、一致的和可预测的。给定相同的参数，纯函数总是返回相同的结果。
特性
1. 如果给定相同的参数，则得到相同的结果
我们想要实现一个计算圆的面积的函数。
不是纯函数会这样做:
let PI = 3.14;
const calculateArea = (radius) => radius * radius * PI;
// 它使用了一个没有作为参数传递给函数的全局对象
calculateArea(10); // returns 314.0
纯函数：
let PI = 3.14;
const calculateArea = (radius, pi) => radius * radius * pi;
// 现在把 PI 的值作为参数传递给函数，这样就没有外部对象引入。
calculateArea(10, PI); // returns 314.0
2. 无明显副作用
纯函数不会引起任何可观察到的副作用。可见副作用的例子包括修改全局对象或通过引用传递的参数。
现在，实现一个函数，接收一个整数并返对该整数进行加1操作且返回：
let counter = 1;
function increaseCounter(value) {
counter = value + 1;
}
increaseCounter(counter);
console.log(counter); // 2
该非纯函数接收该值并重新分配counter，使其值增加1。
函数式编程不鼓励可变性(修改全局对象)。
let counter = 1;
const increaseCounter = (value) => value + 1; // 函数返回递增的值，而不改变变量的值
increaseCounter(counter); // 2
console.log(counter); // 1
3. 引用透明性
如果一个函数对于相同的输入始终产生相同的结果，那么它可以看作透明的。
实现一个square 函数：
const square = (n) => n * n;
square(2); // 4 将2作为square函数的参数传递始终会返回4
可以把square(2)换成4，我们的函数就是引用透明的。
纯函数使用
单元测试
纯函数代码肯定更容易测试，不需要 mock 任何东西。因此我们可以使用不同的上下文对纯函数进行单元测试。
一个简单的例子是接收一组数字，并对每个数进行加 1 :
let list = [1, 2, 3, 4, 5];
const incrementNumbers = (list) => list.map(number => number + 1);
incrementNumbers(list); // [2, 3, 4, 5, 6]
对于输入[1,2,3,4,5]，预期输出是[2,3,4,5,6]。
纯函数也可以被看作成值并用作数据使用
从常量和变量中引用它。
将其作为参数传递给其他函数。
作为其他函数的结果返回它。
其思想是将函数视为值，并将函数作为数据传递。通过这种方式，我们可以组合不同的函数来创建具有新行为的新函数。
#前端
函数式编程是一种编程范式，是一种构建计算机程序结构和元素的风格，它把计算看作是对数学函数的评估，避免了状态的变化和数据的可变。
纯函数
纯函数是稳定的、一致的和可预测的。给定相同的参数，纯函数总是返回相同的结果。
特性
1. 如果给定相同的参数，则得到相同的结果
我们想要实现一个计算圆的面积的函数。
不是纯函数会这样做:
let PI = 3.14;
const calculateArea = (radius) => radius * radius * PI;
// 它使用了一个没有作为参数传递给函数的全局对象
calculateArea(10); // returns 314.0
纯函数：
let PI = 3.14;
const calculateArea = (radius, pi) => radius * radius * pi;
// 现在把 PI 的值作为参数传递给函数，这样就没有外部对象引入。
calculateArea(10, PI); // returns 314.0
2. 无明显副作用
纯函数不会引起任何可观察到的副作用。可见副作用的例子包括修改全局对象或通过引用传递的参数。
现在，实现一个函数，接收一个整数并返对该整数进行加1操作且返回：
let counter = 1;
function increaseCounter(value) {
counter = value + 1;
}
increaseCounter(counter);
console.log(counter); // 2
该非纯函数接收该值并重新分配counter，使其值增加1。
函数式编程不鼓励可变性(修改全局对象)。
let counter = 1;
const increaseCounter = (value) => value + 1; // 函数返回递增的值，而不改变变量的值
increaseCounter(counter); // 2
console.log(counter); // 1
3. 引用透明性
如果一个函数对于相同的输入始终产生相同的结果，那么它可以看作透明的。
实现一个square 函数：
const square = (n) => n * n;
square(2); // 4 将2作为square函数的参数传递始终会返回4
可以把square(2)换成4，我们的函数就是引用透明的。
纯函数使用
单元测试
纯函数代码肯定更容易测试，不需要 mock 任何东西。因此我们可以使用不同的上下文对纯函数进行单元测试。
一个简单的例子是接收一组数字，并对每个数进行加 1 :
let list = [1, 2, 3, 4, 5];
const incrementNumbers = (list) => list.map(number => number + 1);
incrementNumbers(list); // [2, 3, 4, 5, 6]
对于输入[1,2,3,4,5]，预期输出是[2,3,4,5,6]。
纯函数也可以被看作成值并用作数据使用
从常量和变量中引用它。
将其作为参数传递给其他函数。
作为其他函数的结果返回它。
其思想是将函数视为值，并将函数作为数据传递。通过这种方式，我们可以组合不同的函数来创建具有新行为的新函数。
#前端
2024-10-28
浏览104
暂无评论
登录后评论
1
评论
分享