JavaScript -函数式编程

最新推荐文章于 2022-09-02 21:55:01 发布

TardisKey

最新推荐文章于 2022-09-02 21:55:01 发布

阅读量197

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/TardisKey/article/details/120194500

版权

本文介绍了JavaScript中的函数式编程概念，包括头等函数和高阶函数。详细讲解了如何在函数中避免全局变量的修改，使用map、filter、slice、concat、reduce、sort、split、join、every和some等方法操作数组。此外，还讨论了函数柯里化和局部调用的概念，以及它们在函数式编程中的应用。

摘要由CSDN通过智能技术生成

文章目录

头等 first class 函数高阶 ( higher order) 函数

Callbacks 是被传递到另一个函数中调用的函数。
函数就像其他正常值一样，可以赋值给变量、传递给另一个函数，或从其它函数返回，这种函数叫做头等 first class 函数。
将函数为参数或返回值的函数叫做高阶 ( higher order) 函数
当函数被传递给另一个函数或从另一个函数返回时，那些传入或返回的函数可以叫做 lambda。

在函数式编程中，改变或变更叫做 mutation，这种改变的结果叫做“副作用”（side effect）。理想情况下，函数应该是不会产生任何副作用的 pure function。

在函数中重构全局变量

不要更改变量或对象 - 创建新变量和对象，并在需要时从函数返回它们。提示：使用类似 var newArr = arrVar 时 arrVar 是一个数组，代码只是创建一个对现有变量的引用，而不是副本。所以更改 newArr 中的值会同时更改 arrVar 中的值。

声明函数参数 - 函数内的任何计算仅取决于参数，而不取决于任何全局对象或变量。

let newArr = [...arr]; // Copy the bookList array to a new array.

使用 map 方法从数组中提取数据 Array.prototype.map()

在对每个元素应用回调函数后，它会创建一个新数组(不改变原来的数组)。它这样做时没有改变原始数组。

const users = [
  {
    name: 'John', age: 34 },
  {
    name: 'Amy', age: 20 },
  {
    name: 'camperCat', age: 10 }
];

const names = users.map(user => user.name);
console.log(names);
将显示值 [ 'John', 'Amy', 'camperCat' ]

使用 filter 方法从数组中提取数据

filter 接收一个回调函数，将回调函数内的逻辑应用于数组的每个元素，新数组包含根据回调函数内条件返回 true 的元素。换言之，它根据传递给它的函数过滤数组。和 map 一样，filter 不会改变原始数组。

const users = [
  {
    name: 'John', age: 34 },
  {
    name: 'Amy', age: 20 },
  {
    name: 'camperCat', age: 10 }
];

const usersUnder30 = users.filter(user => user.age < 30);
console.log(usersUnder30); 
将显示值 [