欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS纯函数

程序员文章站 2024-02-08 10:33:58
...

纯函数: 对于给定的输入返回相同的输出,即不依赖于参数以外的任何变量并且没有任何副作用。

// add函数的返回值只和参数num有关
// 而且不会产生副作用
// 所以是纯函数
const add = (num) => {
    return num + 1
}
let a = 0;
// add2函数的返回值在参数num不变的情况下
// 如果改变了a的值,那么返回值也会改变
// 所以不是纯函数
const add2 = (num) => {
    return num + a;
}
// 只需要将a放到函数内部即可让函数变成纯函数
const add3 = (num) => {
    let a = 0;
    return num + a;
}

优点:
1、便于测试。

test("add3(3)等于3", ()=>{
    expect(add3(3)).toBe(3);
})

2、可读性更好,便于维护。
3、可以作缓存。

function memory(fn) {
    let cache = [];
    return function() {
        cache.push(fn.apply(this,arguments));
        return cache;
    }
}
let myFn = memory(function(a,b){
    return a+b;
})
console.log(myFn(1,2)) // [3]
console.log(myFn(2,2)) // [3, 4]
console.log(myFn(3,2)) // [3, 4, 5]

4、可复用性好
5、易于组合

相关标签: JavaScript js

上一篇: JQuery基础

下一篇: JS 纯函数