• js中的柯里化


    概述

    今天查询事件绑定资料的时候偶然遇到了柯里化这个词,很感兴趣,于是记录下来供以后开发时参考,相信对其他人也有用。

    定义

    柯里化是函数式编程里面的术语,它是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。

    function add(first, second) {
        return (first + second)
    }
    
    //柯里化
    let add1 = (num) => add(1, num)
    

    所以,其实柯里化其实是箭头函数的一个语法糖,而箭头函数又是lambda函数的一个语法糖。

    语法糖:用前端的话来说,就是polyfill,用低级的已经有的代码实现一个新的概念。

    现在js里面的柯里化也不是非要确定几个参数了,只要意思相近即可。

    简单实例

    一个简单的例子如下:

    for(var i = 0; i < 5; i++){
        setTimeout(function(){
            console.log(i);
            }, 1000);
    }
    

    因为js没有块级作用域,所以这段代码输出5个5。

    如果要输出01234呢?一个方法是利用let,另一个方法是利用柯里化。

    //柯里化
    var cury = (i) => {
        var k = i;
        return setTimeout(function(){
            console.log(k);
            }, 1000)
    }
    
    for(var i = 0; i < 5; i++){
        cury(i);
    }
    

    现代实例

    一个很现代的例子是react的事件绑定中的bind就是柯里化。

    onClick={this.handlehistory.bind(this)}
    

    它接受参数this,并返回一个函数,这个函数在被window调用的时候还是能够使用当初传进去的这个this。

    另一个例子是redux里面的dispatch。(我是看别人介绍说的,redux我还没学,就不写了)

  • 相关阅读:
    java内部类
    navicat使用教程-PJ
    提交代码时的注意事项
    多线程技术
    Apache POI使用详解
    网站链接收藏夹
    MySQL优化
    Oracle创建用户、角色、授权、建表
    oracle 安装提示未找到文件安装
    Json对象与Json字符串的转化、JSON字符串与Java对象的转换
  • 原文地址:https://www.cnblogs.com/yangzhou33/p/8506864.html
Copyright © 2020-2023  润新知