前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >函数柯里化理解笔记

函数柯里化理解笔记

作者头像
就只是小茗
发布2019-07-01 15:08:54
4430
发布2019-07-01 15:08:54
举报
文章被收录于专栏:一个小程序员的成长笔记

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

代码语言:javascript
复制
 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在之前就已经被成功赋值了方法如下:

代码语言:javascript
复制
var _adder = function() {
   _args.push(...arguments);
   return _adder;
};

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-06-28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档