在项目里函数柯里化的使用场景

已于 2022-02-08 14:36:49 修改
阅读量429 收藏 1
点赞数 1
分类专栏： JavaScript 文章标签： js
于 2022-02-08 14:34:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JankoY/article/details/122823182
版权
本文介绍了如何在项目中利用函数柯里化来解决Element UI upload组件在上传多张图片时的参数问题。通过柯里化，实现了在调用上传函数时为每张图片添加额外的参数和来源标记，从而避免了直接传参可能对原有函数参数造成的影响。
摘要由CSDN通过智能技术生成

对Element upload 的方法进行二次封装

问题分析

  1. 在上传图片时需要上传三张图片，三张图片的所属不同；
  2. 但是都是通过同一函数触发保存用户上传的图片，问题是无法识别图片的所属；
  3. 如果直接在调用时传参会破坏原有的参数；
  4. 所以最后我通过 resetImg(file,filelist,view)(1) 柯里化方式 给图片添加参数、标记来源；
// 原有参数file,filelist,view，通过二次函数封装，传入值(‘1’)
:on-change="resetImg(file,filelist,view)(1)"

在这里插入图片描述

function resetImg(
最低0.47元/天 解锁文章
Supernova_gu
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
什么是函数柯里化，函数柯里化的应用场景，函数柯里化的优缺点
angrynouse的博客
10-03 941
什么是函数柯里化？
详解用场景去理解函数柯里化(入门篇)
10-17
主要介绍了用场景去理解函数柯里化(入门篇)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
柯里化函数的应用场景
weixin_44098552的博客
11-09 859
什么是柯里化函数：是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术 方法一 // 柯里化函数 每次的入参都是一个参数 // 例子,计算求和 function sum(a, b, c, d, e) { return a + b + c + d + e } function curring(fn, arr = []) { console.log(fn); let len = fn.length;
简述几个非常有用的柯里化函数使用场景
weixin_34415923的博客
06-13 1082
使用场景之一：减少重复传递不变的部分参数lodash.curry function simpleURL(protocol, domain, path) { return protocol + "://" + domain + "/" + path; } 上面这个函数是将三个参数生成一个完成的url.调用如下： var myurl ...
遇到的柯里化函数使用场景记录
weixin_34066347的博客
02-24 235
节流，防抖 考虑一个场景，滚动事件中会发起网络请求，但是我们并不希望用户在滚动过程中一直发起请求，而是隔一段时间发起一次，对于这种情况我们就可以使用节流。 // func是用户传入需要防抖的函数 // wait是等待时间 const throttle = (func, wait = 50) => { // 上一次执行该函数的时间 let lastTime = 0 return f...
理解科里化函数(currying)及应用场景
shadowfall的博客
11-27 1414
科里化函数(currying)
JavaScript函数柯里化详解
01-21
柯里化是这样的一个转换过程，把接受多个参数的函数变换成接受一个单一参数(译注：最初函数的第一个参数)的函数，如果其他的参数是必要的，返回接受余下的参数且返回结果的新函数。 柯理化函数思想：一个js预先处理...
JavaScript 函数柯里化的应用场景
最新发布
记录开发日常
03-07 468
函数柯里化就将一个多参数的函数转换为只能接收一个参数的函数。通过柯里化，可以将函数的参数逐步应用，形成一个参数序列，使得函数的调用更加灵活，方便参数的复用和定制。简单来说就是简化函数的参数接收，将多个参数尽可能的变少。
js函数柯里化的方法和作用实例分析
11-20
本文实例讲述了js函数柯里化的方法和作用。分享给大家供大家参考，具体如下： 函数柯里化的方法： 1，利用数组的reduce方法可实现柯里化，具体参见我的另外一篇文章 2，代码如下 const curry = (fn, ...args) =>{ console.log('args',args) // console.log(fn.length,args.length) return args.length < fn xss=removed> { console.log('argum
js 对柯里化函数简单理解及应用场景
西瓜甜甜的博客
11-12 928
最近在深入学习js，发现之前自己储备的知识真的是冰山一角，虽然工作上这些不用也能完成任务，但是总感觉自己写的代码很拉跨~~是时候提高自己的代码质量了 下面是菜鸡理解，高手可以离开本页了~ 柯里化函数Curry 直奔主题 function curryingAdd(x) { return function (y) { return x + y } } curryingAdd(1)(2) 这是一个实现加法的函数，按照普通函数的实现方法 curryingAdd里面直接return
Javascript函数柯里化及其应用场景
Zijeak的博客
09-29 3598
1.什么是柯里化 柯里化，英语：Currying，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。 2.柯里化的用途 参数复用 看下面这个例子： function uri (protocol,hostname,pathname){ return `${protocol}${hostname}${pathname}`; } const uri1 = uri("https://","www.csdn.net","/blo
【JS】JS函数柯里化及应用场景
owo_ovo的博客
10-03 329
JS中柯里化的说明以及使用，封装一个提高使用感受的方法
「前端面试题系列6」理解函数的柯里化
weixin_33794672的博客
02-17 264
前言 这是前端面试题系列的第 6 篇，你可能错过了前面的篇章，可以在这里找到： ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局？ 今日头条 面试题和思路解析 最近，朋友T 在准备面试，他为一道编程题所困，向我求助。原题如下： // 写一个 sum 方法，当使用下面的语法调用时，能正...
认识柯里化函数及其应用
qq_40181779的博客
05-31 403
认识柯里化函数及其应用 维基百科中的定义 在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。 解释有点抽象,可以代码实现下效果 //普通函数 function add(a,b){ return a + b; } add(1,2); ...
用场景去理解函数柯里化(入门篇)
weixin_33825683的博客
04-10 175
前言 函数柯里化就是将多参简化为单参数的一种技术方式，其最终支持的是方法的连续调用，每次返回新的函数，在最终符合条件或者使用完所有的传参时终止函数调用。 场景实例 与其他文章不同，我在本文会重点分享一些柯里化的经典使用场景，让你在学会这点技巧后能切实的提升代码的可维护性。 编写可重用小模块代码 比如我们有个方法部分逻辑前置是相同的，后面的执行是因为参数不同导致结果不同的，下面是代码部分。 计算...
函数柯里化应用
haoyanyu_的博客
08-12 165
函数柯里化 把使用多个参数的函数转换成一系列使用一个参数的函数，返回接受余下参数并且返回结果的新函数；（也就是：只传递一个部分参数来调用这个函数，让他返回一个新函数去处理余下的参数） 日常应用 动态创建函数：（dom元素添加事件监听是，根据兼容性判断生成不同的函数） //只在函数第一次执行时判断一次，用到了闭包和立即执行函数 const addEvent = (function(){ ...
第4天 对柯里化函数(currying)的理解，它有什么运用场景？
qq_36529240的博客
12-02 116
函数柯里化指的是将能够接收多个参数的函数转化为接收单一参数的函数，并且返回接收余下参数且返回结果的新函数的技术。 function curry (fn) { const ctx = this; function inner (...args) { if (args.length === fn.length) { return fn.call(ctx, ...args); } return (...innerArgs) => inner.call
理解JavaScript函数柯里化：原理与实现
柯里化在JavaScript中有很多应用场景，比如在Vue.js的`_update`方法中，`createPatchFunction`就利用了柯里化。它可以帮助我们提前绑定部分参数，简化代码，提高代码的可读性和可重用性。此外，柯里化还可以用于创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Supernova_gu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值