函数式编程术语解析

开发 前端
一个纯函数需要满足两个条件,第一是函数的返回值只能由输入值(函数接收的参数)决定,也就是说纯函数接收相同的参数会返回相同的值;第二是纯函数不会对自身作用域之外的运环境产生副作用(side effects)。

[[174906]]

Arity

指函数的参数数量,由 -ary 和 -ity 这两个英文后缀拼接而成:

const sum = (a, b) => a + b; 
const Arity = sum.length; 
console.log(Arity); 
// 输出结果为 2  
  • 1.
  • 2.
  • 3.
  • 4.

Higher-Order Functions

高阶函数,此类函数可以接收其他函数作为参数,也可以返回一个函数作为返回值:

const filter = (predFunc, list) => { 
  const results = []; 
  list.forEach((listItem) => { 
    if (predFunc(listItem)) { 
      results.push(listItem); 
    } 
  }); 
  return results; 

// filter 这个函数就是将一个函数作为参数传入 
// 但这都么有什么,主要是后面is函数返回一个函数 
 
const is = (type) => (x) => Object(x) instanceof type; 
// is这个函数就是将一个函数作为返回值返回到下面的调用之中 
 
filter(is(Number), [0, '1', 2, null]); 
// 上面函数调用的结果是 [0, 2]  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.

Partial Application

偏函数,在原函数的基础上预填充(pre-filling)部分参数并返回的新函数:

// 下面是一个创建偏函数的辅助函数,下面函数将一个函数和这个函数所需要 
// 的除了***一个参数的参数传入,返回一个新的函数,这个新的函数的参数为原 
// 函数的***一个参数 
const partial = (func, ...args) => (...moreArgs) => func(...args, ...moreArgs); 
// 写一个将三个数字相加的函数 
const add3 = (a, b, c) => a + b + c; 
// 预填充 (add3, 2, 3) 三个参数,空置***一个参数,返回一个新的函数,重点是返回一个新的函数 
const fivePlus = partial(add3, 2, 3); // (c) => 2 + 3 + c 
fivePlus(4); 
// => 9  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

Currying

柯里化,将一个接收多个参数的函数转化为单参数函数的方式,转化后的函数每次只接收一个参数,然后返回一个新函数,新函数可以继续接收参数,直到接收到所有的参数:

const sum = (a, b) => a + b; 
sum(2, 3); 
// => 6 
const curriedSum = (a) => (b) => a + b; 
curriedSum(40)(2); 
// => 42. 
const add2 = curriedSum(2); 
// (b) => 2 + b 
add2(10); 
// => 12  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

Function Composition

函数合成,接收多个函数作为参数并返回一个新函数的方式,新函数按照传入的参数顺序,从右往左依次执行,前一个函数的返回值是后一个函数的输入值:

const compose = (f, g) => (a) => f(g(a)); 
const floorAndToString = compose((val) => val.toString(), Math.floor); 
floorAndToString(121.212121); 
// => "121"  
  • 1.
  • 2.
  • 3.
  • 4.

Purity

一个纯函数需要满足两个条件,***是函数的返回值只能由输入值(函数接收的参数)决定,也就是说纯函数接收相同的参数会返回相同的值;第二是纯函数不会对自身作用域之外的运环境产生副作用(side effects),比如说不会改变外部环境中变量的值,这会被认为是不安全的行为:纯函数示例:

const greet = (name) => "Hi, " + name ; 
greet("Brianne"
// => "Hi, Brianne"  
  • 1.
  • 2.
  • 3.

Side effects

如果函数或表达式与其自身作用域之外的可变数据(mutable data)发生了读写操作,那么此时函数和表达式就产生了副作用:

let greeting; 
const greet = () => greeting = "Hi, " + window.name
// greet() 执行时更改了外部环境的变量 
greet(); 
// => "Hi, Brianne" 
// new Date() 是可变数据 
const differentEveryTime = new Date();  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

Point-Free Style

point-free style 是一种不显式向函数传递参数的代码风格,通常需要柯里化和高阶函数来实现:

const map = (fn) => (list) => list.map(fn); 
const add = (a) => (b) => a + b; 
// Not points-free 
// numbers 是一个显式传递的参数 
const incrementAll = (numbers) => map(add(1))(numbers); 
// Points-free 
// add(1) 的返回值隐式传递给了 map,作为 map 的 list 参数 
const incrementAll2 = map(add(1));  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

Predicate

断言,一个返回布尔值的函数:

const predicate = (a) => a > 2; 
[1, 2, 3, 4].filter(predicate); 
// => [3, 4]  
  • 1.
  • 2.
  • 3.

Constant

常量,初始化后不能再次执行赋值操作的数据类型:

const five = 5; 
const john = { name'John', age: 30 }; 
// 因为常量不可变,所以下面表达式一定为 true 
john.age + five === ({ name'John', age: 30 }).age + (5);  
  • 1.
  • 2.
  • 3.
  • 4.

常量具有 referentially transparent 的特性,也就是说将程序中出现的常量替换为它们实际的值,并不会影响程序的结果。译者话外:实际上在 JavaScript 中的 const 所声明的常量并不是完全稳定的,使用 Immutable.js 演示更加恰当:

// 这里的fromJS(), get()函数都是immutable.js所提供的方法 
const five = fromJS(5); 
const john = fromJS({name'John', age: 30}); 
john.get('age') + five === ({ name'John', age: 30 }).age + (5);  
  • 1.
  • 2.
  • 3.
  • 4.

Functor

functor 都拥有 map 函数,并且在执行 map 之后会返回一个新的 functor:

object.map(x => x) === object; 
 
object.map(x => f(g(x))) === object.map(g).map(f);  
  • 1.
  • 2.
  • 3.

JavaScript 中最常见的 functor 就是数组类型的实例:

[1, 2, 3].map(x => x); 
// => [1, 2, 3] 
const f = x => x + 1; 
const g = x => x * 2; 
[1, 2, 3].map(x => f(g(x))); 
// => [3, 5, 7] 
[1, 2, 3].map(g).map(f);      
// => [3, 5, 7]  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.

Lift

lift 发生在你将值放入 functor 的时候,如果你将函数 lift 进了 Applicative Functor,那么就可以使用这个函数处理传递给这个 functor 的值。某些 lift 的实现拥有 lift 或 liftA2 函数,便于在 functor 上执行相关的函数:

const mult = (a, b) => a * b; 
const liftedMult = lift(mult); 
// => this function now works on functors like array 
liftedMult([1, 2], [3]); 
// => [3, 6] 
lift((a, b) => a + b)([1, 2], [3, 4]); 
// => [4, 5, 5, 6]  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

lift 一个单参数的函数非常类似于 map 操作:

const increment = (x) => x + 1; 
lift(increment)([2]); 
// => [3] 
[2].map(increment); 
// => [3]  
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
责任编辑:庞桂玉 来源: segmentfault
相关推荐

2013-09-09 09:41:34

2020-09-24 10:57:12

编程函数式前端

2011-03-08 15:47:32

函数式编程

2025-03-11 10:00:20

Golang编程函数

2011-08-24 09:13:40

编程

2023-12-14 15:31:43

函数式编程python编程

2022-09-22 08:19:26

WebFlux函数式编程

2017-06-08 14:25:46

Kotlin函数

2010-11-25 09:06:37

Web开发函数式编程

2010-03-11 10:34:22

Scala

2012-09-21 09:21:44

函数式编程函数式语言编程

2020-09-23 07:50:45

Java函数式编程

2020-09-22 11:00:11

Java技术开发

2016-08-11 10:34:37

Javascript函数编程

2016-08-11 10:11:07

JavaScript函数编程

2009-11-19 13:15:09

UPS专业术语

2019-09-09 11:40:18

编程函数开发

2022-07-07 09:03:36

Python返回函数匿名函数

2012-03-21 09:30:11

ibmdw

2024-02-28 08:37:28

Lambda表达式Java函数式接口
点赞
收藏

51CTO技术栈公众号