JS 函数的 6 个基本术语

最新推荐文章于 2023-03-02 16:53:20 发布

前端大全

最新推荐文章于 2023-03-02 16:53:20 发布

阅读量290

点赞数

（给前端大全加星标，提升前端技能）

英文：Martin Novák 译文：reahink

https://zhuanlan.zhihu.com/p/61868946

640?wx_fmt=png

让我们谈谈什么是：lambdas（匿名函数）、 first-class functions（头等函数）、higher-order functions（高阶函数）、unary functions（一元函数）、currying（柯里化）和pure functions（纯函数）。

如果您不清楚命令式和声明式编程之间的区别，可以看我的文章： Imperative versus declarative code… what’s the difference?

什么是Lambdas（匿名）=> 箭头函数？

Lambdas (λ) 在 JavaScript 作为arrow functions（箭头函数）被广为所知:

// this is your regular named function in JavaScriptfunction namedFunction (a, b) {
return a + b;}// this is a lambda, i.e. an arrow functionconst lambda = (a, b) => a + b;

术语lambda是一个正式的数学逻辑系统，起源于lambda演算。Lambda演算是由图灵完成的，它代表了能够构建任何图灵机的通用计算模型。 Lambda expressions(匿名函数表达式) 是函数式编程的基石。如果它对你有所帮助，只需将它视为函数的新缩短语法就行。然而，在对象或类中使用它们时要注意this的指向。

什么是first-class functions（头等函数）？

First-class type 意味着，该类型可以用作变量的值。在JavaScript中一个字符串是头等类型，一个函数也是头等类型。所以函数可以接受其他函数作为参数，并返回函数作为返回值。

在绑定事件监听器时，函数作为first-class被使用：

const handler = () => console.log ('I am function');

document.addEventListener ('click', handler);

什么是higher-order functions（高阶函数）？

高阶函数是一个接受其他函数作为参数或将函数作为返回值返回的函数。 First-order function（一阶函数）是一个函数，它不接受其他函数作为参数，并且不返回函数作为其返回值。

const firstOrder = () => console.log ('First order strikes back!');const higherOrder = whoStrikesBack => whoStrikesBack ();

higherOrder (firstOrder);

什么是unary functions（一元函数）？

该术语涉及一个函数接受一些参数的元数。一元函数(i.e. monadic)是一个只接受一个参数的函数。

const unaryFunction = message => console.log (message);const binaryFunction = (color, message) =>
  console.log (`%c${message}`, `color:${color}`);const ternaryFunction = (fnc, color, message) =>
  fnc (`%c${message}`, `color:${color}`);

什么是currying（柯里化）？

Currying（柯里化）是一个带有多个参数的函数并将其转换为函数序列的过程，每个函数只有一个参数。

一个有n个参数的函数，可以使用柯里化将它变成一个一元函数。

const binaryFunction = (a, b) => a + b;const curryUnaryFunction = a => b => a + b;
curryUnaryFunction (1); // returns a function: b => 1 + b
curryUnaryFunction (1) (2); // returns the number 3

Currying（柯里化）以数学家 Haskell Curry的名字命名，不是吃的。

柯里化函数非常适合提高代码的可重用性和函数式结构。想了解更多，请参考： JavaScript ES6 curry functions with practical examples。它可能会让人习惯，但是我现在写的所有函数都归功于柯里化。

什么是pure functions（纯函数）？

纯函数是一种其返回值仅由其参数决定，没有任何副作用的函数。

这意味着如果你在整个应用程序中的不同的一百个地放调用一个纯函数相同的参数一百次，该函数始终返回相同的值。纯函数不会更改或读取外部状态。

let myArray = [];const impureAddNumber = number => myArray.push (number);const pureAddNumber = number => anArray =>
  anArray.concat ([number]);

console.log (impureAddNumber (2)); // returns 1

console.log (myArray); // returns [2]

console.log (pureAddNumber (3) (myArray)); // returns [2, 3]

console.log (myArray); // returns [2]

myArray = pureAddNumber (3) (myArray);

console.log (myArray); // returns [2, 3]