javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > JavaScript纯函数 偏函数

JavaScript中的纯函数与偏函数你了解吗

作者:施主来了

JS中,纯函数指在相同的输入下始终产生相同的输出并且没有副作用的函数,偏函数指一种创建新函数的方法,通过预设一个或多个参数从而实现对原始函数的封装和定制,本文主要来讲讲纯函数与偏函数的一些使用,需要的可以参考一下

纯函数

介绍

在JavaScript中,纯函数是指在相同的输入下,始终产生相同的输出,并且没有副作用的函数。纯函数不会修改或依赖于函数之外的状态,也不会对外部环境产生任何可观察的影响。

以下是纯函数的特点:

使用纯函数的好处包括:

下面是一些简单的纯函数示例:

示例详解

1.求和:

function add(a, b) {
  return a + b;
}

2.过滤数组中的奇数:

function filterOdds(arr) {
  return arr.filter((num) => num % 2 !== 0);
}

3.获取对象数组中指定属性的值:

function pluck(arr, key) {
  return arr.map((obj) => obj[key]);
}

4.将字符串中的首字母大写:

function capitalize(str) {
  return str.charAt(0).toUpperCase() + str.slice(1);
}

需要注意的是,这些示例中的纯函数都没有修改原始数据或外部状态,而是通过返回新的结果来实现功能。它们的输出仅取决于输入,没有副作用,因此在使用时更可靠和可预测。

纯函数的关键是避免对外部状态的依赖和修改,以及确保相同的输入始终产生相同的输出。这种特性使得纯函数在函数式编程和无副作用的场景中特别有价值。

偏函数

偏函数是一种在函数式编程中常见的编程技巧。在 JavaScript 中,偏函数指的是一种创建新函数的方法,通过预设一个或多个参数,从而实现对原始函数的封装和定制。偏函数的主要作用是降低函数调用时的参数复杂度,使函数更具有可重用性。

在 JavaScript 中,我们可以通过闭包来实现偏函数。以下是一个简单的偏函数实现:

function partial(fn, ...presetArgs) {
  return function(...laterArgs) {
    return fn.apply(this, presetArgs.concat(laterArgs));
  };
}

上述 partial 函数接收一个函数 fn 作为参数,以及一系列预设参数(...presetArgs)。partial 函数返回一个新的函数,当新函数被调用时,它将预设参数和新传入的参数(...laterArgs)合并,并以此调用原始函数 fn。

举个例子,假设我们有一个简单的加法函数 add:

function add(x, y) {
  return x + y;
}

我们可以使用偏函数 partial 来创建一个新的函数 addFive,该函数会将第一个参数预设为 6:

const addFive = partial(add, 6);
console.log(addFive(3)); // 9

这样,我们就可以通过偏函数来生成不同的函数实例,减少重复代码。

当然,除了上面提到的基本偏函数实现方法,我们还可以通过其他方式来实现偏函数。以下是另一个常见的偏函数实现方法,使用了 ES6 的箭头函数:

const partial = (fn, ...presetArgs) => (...laterArgs) => fn(...presetArgs, ...laterArgs);

这种实现方式更简洁,原理与之前介绍的方法相同。

此外,我们还可以通过 bind() 方法来实现偏函数。bind() 方法允许我们创建一个新的函数,预先指定一些参数。例如:

function add(x, y) {
  return x + y;
}
​​​​​​​const addFive = add.bind(null, 6);
console.log(addFive(3)); // 9

在这个例子中,我们使用了 add.bind() 方法来创建一个新的 addFive 函数,其中第一个参数已经预设为 6。bind() 方法的第一个参数用于指定新函数的 this 值,这里我们传入 null,表示不修改 this 值。

总之,偏函数是一种有用的编程技巧,它可以帮助我们降低函数调用的参数复杂度,提高代码的可重用性。可以通过闭包、箭头函数或者 bind() 方法来实现偏函数。

到此这篇关于JavaScript中的纯函数你了解吗的文章就介绍到这了,更多相关JavaScript纯函数内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文