柯里化箭头函数埋坑记

关注

原创最新推荐文章于 2026-08-03 11:43:14 发布 533 阅读 AI 写同款· GEO 优化 ›

如何理解JavaScript多个连续箭头函数书写方式导言：本菜鸡在学习Vue编程的时候，看到有大佬写的代码用了多个连续箭头函数，完全不能理解是什么意思。经过多方调查和思考才初步理解。本篇文章记录一下自己学习和理解的心得。有多个箭头函数的代码如何执行我拿一个很普通的函数来举例子，比如下面代码： function sum (a, b) { return a + b; } 或者是这样： let sum = function (a, b) { a + b } 如果要写成箭头函数可以写成这样： let sum = (a, b) => a .. 阅读详情

今天写了个累加的柯里化函数如下:

function add(){
    let that = this;
    let arrs = Array.prototype.slice.call(arguments) 

    function fn(){
        return add.apply(that, arrs.concat(Array.prototype.slice.call(arguments)));
    };
    fn.toString = function (){
        let all = 0;
        for (var i = 0; i < arrs.length; i++) {
            var element = arrs[i];
            all += element;
        }
        return all;
    }
    return fn; 
}

然后运行 console.log(add(1)(2)(3)) 打印 ƒ 6 其中的f可能是谷歌浏览器自己加的。
但是把函数里面的fn修改成如下箭头函数：

var fn = () => {
    return add.apply(that, arrs.concat(Array.prototype.slice.call(arguments)));
};

结果运行结果是 ƒ 4
为什么会是这个样子呢？
这是因为忽略了箭头函数和普通函数的一个很大的区别（当然不是 this 的指向问题），就是箭头函数没有 arguments 对象。
所以每次调用的 arguments 都是最开始时候的参数，也就是上面的1，然后这里总共调用了3次函数，加上刚开始的时候初始化的一次所以共使用了四次第一个参数，也就是 1+1+1+1 也就是 4。