Currying is a core concept of functional programming and a useful tool for any developer's toolbelt.

Example 1:

let f = a => b => c => a+b+c;

let result = f(1)(2)(3);

console.log(result); //

Example 2:

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>JS Bin</title>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.18.0/ramda.min.js"></script>

</head>

<body>

<div id="one" style="width: 100px;height: 100px;border: 2px solid black">One</div>

<div id="two" style="width: 100px;height: 100px;border: 2px solid black">Two</div>

<div id="three" style="width: 100px;height: 100px;border: 2px solid black">Three</div>

</body>

</html>
let one = document.getElementById('one');

let tow = document.getElementById('two');

let three = document.getElementById('three');

let f = a => b => c => a.addEventListener(b, (event)=>{

  event.target.style.background = c;

});

f(one)('click')('red');

Example 3:

let one = document.getElementById('one');

let tow = document.getElementById('two');

let three = document.getElementById('three');

let f = a => b => c => a.addEventListener(b, (event)=>{

  event.target.style.background = c;

});

let oneClickEvent = f(one);

let twoClickEvent = f(two);

oneClickEvent('mouseover')('red');

twoClickEvent('mouseout')('blue');

Example 4: include ramda library:

let one = document.getElementById('one');

let tow = document.getElementById('two');

let three = document.getElementById('three');

let f = R.curry((a,b,c) =>{

  a.addEventListener(b, (event)=>{

    event.target.style.background = c;

  });

});

// with placeholder from Ramda

const clickGreen = f(R.__, 'click', 'green');

clickGreen(one);

Example 5: multi placeholders:

let one = document.getElementById('one');

let tow = document.getElementById('two');

let three = document.getElementById('three');

let f = R.curry((a,b,c) =>{

  a.addEventListener(b, (event)=>{

    event.target.style.background = c;

  });

});

// with placeholder from Ramda

const clickColor = f(R.__, 'click', R.__);

clickColor(one, 'yellow');

clickColor(two, 'grey');

clickColor(three, 'pink');

[Javascript] What is JavaScript Function Currying?的更多相关文章

  1. Function Currying in javascript 的一些注释

    理解函数柯里化(Function Currying ),最关键的是理解下面这个函数: function curry(fn){ var args = Array.prototype.slice.call ...

  2. Javascript学习之函数(function)

    在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和方法.由于函数是对象,因此函数名实际上也是一个指向函数对象的指针. 一 函 ...

  3. JavaScript自运行函数(function(){})()的理解

    今天打开JQuery源文件(jquery-1.8.3), 看到JQuery的初始化过程是这样的 (function( window, undefined ) { // .... })( window ...

  4. javascript对象模型和function对象

    javascript中,函数就是对象 <html> <head> <script type="text/javascript"> functio ...

  5. JavaScript高级篇之Function对象

    JavaScript高级篇之Function对象 一: Function对象引入: Function对象是js的方法对象,可以用Function实例化出任何js方法对象. 例如: <%@ pag ...

  6. jsp中的javascript的$(document).ready( function() { $("#loginForm").validate(）

    转自:https://bbs.csdn.net/topics/392459787?list=71147533 下面是jsp页面中的JavaScript代码 $(document).ready( fun ...

  7. JavaScript权威设计--JavaScript函数(简要学习笔记十一)

    1.函数调用的四种方式 第三种:构造函数调用 如果构造函数调用在圆括号内包含一组实参列表,先计算这些实参表达式,然后传入函数内.这和函数调用和方法调用是一致的.但如果构造函数没有形参,JavaScri ...

  8. JavaScript权威设计--JavaScript函数(简要学习笔记十)

    1.函数命名规范 函数命名通常以动词为前缀的词组.通常第一个字符小写.当包含多个单词时,一种约定是将单词以下划线分割,就像"like_Zqz()". 还有一种就是"lik ...

  9. javascript笔记：javascript的关键所在---作用域链

    javascript里的作用域是理解javascript语言的关键所在,正确使用作用域原理才能写出高效的javascript代码,很多javascript技巧也是围绕作用域进行的,今天我要总结一下关于 ...

  10. JavaScript学习13 JavaScript中的继承

    JavaScript学习13 JavaScript中的继承 继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式 ...

随机推荐

  1. Android设备 cocos2dx 骨骼动画注册事件播放音效，退到后台再返回黑屏问题

    最近遇到一个cocos2dx 骨骼动画注册事件播放音效,在骨骼动画播放的时候,按HOME键退到桌面,再次打开游戏的时候,会黑屏. 解决办法如下,可能不是太完美,至少解决了大部分问题. 1.在org.c ...

  2. Design Pattern —— Singleton

    Design Pattern —— Singleton   强力推荐枚举和类级内部类方式实现单例模式 单例模式是开发中非常常用的一种模式,简单的说,我们希望一个类永远都只有一个对象. 主要有两个用途: ...

  3. cxf WebService整理 （基于注解）

    http://blog.csdn.net/zjw10wei321/article/details/39889823

  4. Swift 提示 error running playground...

    创建playground之后,我们将得到一个错误提示,Error running playground: Failed to prepare for communication with playgr ...

  5. StartCoroutine/StopCoroutineInvoke

    本文由博主(YinaPan)原创,转载请注明出处:http://www.cnblogs.com/YinaPan/p/Unity_Coroutine.html using UnityEngine; us ...

  6. 推荐一个有趣的软件"Process Monitor"

    同事给的,用起来感觉很不错,官网地址:http://technet.microsoft.com/en-us/sysinternals/bb896645.aspx 以下为官网介绍: Introducti ...

  7. underscorejs-find学习

    2.5 find 2.5.1 语法: _.find(list, predicate, [context]) 2.5.2 说明: 对list集合的每个成员依次进行匹配(根据predicate迭代函数检测 ...

  8. CSS样式的面向对象思想（一）

    今天来谈一谈CSS样式的面向对象写法.顾名思义,面向对象是高级语言具备的特性,主要是为了程序高可复用,解决模块之间的耦合关系,那么像CSS这样的脚本语言是否也可以使用面向对象的思想,来提高代码的可维护 ...

  9. 实验五：分析system_call中断处理过程

    原创作品转载请注明出处<Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 如果我写的不好或者有误的地方请留言 ...

  10. python——os模块操作文件