函数柯里化理解笔记

详解JS函数柯里化看到了这么一个例子,有助于大家理解柯里化的执行逻辑,我稍微梳理一下。

 1 function add() {
 2     // 第一次执行时,定义一个数组专门用来存储所有的参数
 3     var _args = Array.prototype.slice.call(arguments);
 4 
 5     // 在内部声明一个函数,利用闭包的特性保存_args并收集所有的参数值
 6     var _adder = function() {
 7         _args.push(...arguments);
 8         return _adder;
 9     };
10 
11     // 利用toString隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回
12     _adder.toString = function () {
13         return _args.reduce(function (a, b) {
14             return a + b;
15         });
16     }
17     return _adder;
18 }
19 
20 console.log(add(1)(2)(3).toString());

 add(1)(2)(3).toString() 先执行 add(1) ,此时代码可以理解为已经变成了 _adder(2)(3).toString() ,而变量_args目前只有一个1。接下来开始执行 _adder(2) ,函数_adder在之前就已经被成功赋值了方法如下:

var _adder = function() {
   _args.push(...arguments);
   return _adder;
};

通过这个方法,不断传入新的参数给_args,最后达到汇总所有变量的目的。

重写的.toString方法,将所有变量进行相加,最后输出结果。

总的来说吧,函数柯里化的优点主要就是看着很好看,很省代码。但是又是闭包,又是.call,性能上肯定是不如简易逻辑的。不过差别多少看个人感觉了,其实基本是感觉不到的。用不用,还是要根据项目情况衡量了。

猜你喜欢

转载自www.cnblogs.com/tinyTea/p/11105312.html