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. OC中的单例设计模式及单例的宏抽取

    // 在一个对象需要重复使用,并且很频繁时,可以对对象使用单例设计模式 // 单例的设计其实就是多alloc内部的allocWithZone下手,重写该方法 #pragma Person.h文件 #i ...

  2. PHP MySQL 创建数据库

    PHP MySQL 创建数据库 数据库存有一个或多个表. 你需要 CREATE 权限来创建或删除 MySQL 数据库. 使用 MySQLi 和 PDO 创建 MySQL 数据库 CREATE DATA ...

  3. socket.io实现

    后台代码 index_server.js var app = require('http').createServer(handler)//创建服务器app , io = require('socke ...

  4. Eclipse中使用Maven创建Servlet3.0 Web 项目

    摘要 Apache Maven是一个优秀的项目构建和管理工具,许多开源项目都使用Maven进行构建.由于最近工作中要用到Maven,于是这里记录下在Eclipse中使用Maven插件创建一个基于Ser ...

  5. jquery选择器专题

    $(“p”).addClass(css中定义的样式类型); 给某个元素添加样式$(“img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值 ...

  6. ggts下载地址

    地址:http://spring.io/tools/ggts See All Versions可以下载更多版本,里面包含安装版和解压版

  7. 网易DBA私享会分享会笔记2

    mysql索引与查询优化什么是索引?索引其实是一个目录.通过各种数据结构实现,是(值=>行位置)的映射 索引的作用:1.提高访问速度2.实现主键.唯一键逻辑 索引使用场景数据量特别大的时候,进行 ...

  8. Jquery中删除元素方法

    empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除 语法: empty() remove(expr); empty用来删除指定元素的子元素,remove用来删除元素 ...

  9. linux c数据库备份第二版

    #想知道更多请查看第一版"linux c数据库备份第一版" #include<sys/types.h> #include<sys/wait.h> #incl ...

  10. Swift互用性：采用Cocoa设计模式（Swift 2.0版）-b

    本页包含内容: 委托(Delegation) 错误处理(Error Handling) 键值观察(Key-Value Observing) Target-Action模式(Target-Action) ...