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

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

问题分析

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

在这里插入图片描述

function resetImg(file, fileList
最低0.47元/天 解锁文章

200万优质内容无限畅学
JavaScript 函数柯里化
再渺小的星光，也有属于它的光芒
03-07 640
函数柯里化就将一个多参数的函数转换为只能接收一个参数的函数。通过柯里化，可以将函数的参数逐步应用，形成一个参数序列，使得函数的调用更加灵活，方便参数的复用和定制。简单来说就是简化函数的参数接收，将多个参数尽可能的变少。
什么是函数柯里化，函数柯里化的应用场景，函数柯里化的优缺点
angrynouse的博客
10-03 1083
什么是函数柯里化？
柯里化函数的应用场景
weixin_44098552的博客
11-09 920
什么是柯里化函数：是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术 方法一 // 柯里化函数 每次的入参都是一个参数 // 例子,计算求和 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 1269
使用场景之一：减少重复传递不变的部分参数lodash.curry function simpleURL(protocol, domain, path) { return protocol + "://" + domain + "/" + path; } 上面这个函数是将三个参数生成一个完成的url.调用如下： var myurl ...
遇到的柯里化函数使用场景记录
weixin_34066347的博客
02-24 268
节流，防抖 考虑一个场景，滚动事件中会发起网络请求，但是我们并不希望用户在滚动过程中一直发起请求，而是隔一段时间发起一次，对于这种情况我们就可以使用节流。 // func是用户传入需要防抖的函数 // wait是等待时间 const throttle = (func, wait = 50) => { // 上一次执行该函数的时间 let lastTime = 0 return f...
理解科里化函数(currying)及应用场景
shadowfall的博客
11-27 1550
科里化函数(currying)
JavaScript函数柯里化详解
01-21
柯里化是这样的一个转换过程，把接受多个参数的函数变换成接受一个单一参数(译注：最初函数的第一个参数)的函数，如果其他的参数是必要的，返回接受余下的参数且返回结果的新函数。 柯理化函数思想：一个js预先处理...
详解用场景去理解函数柯里化(入门篇)
01-19
函数柯里化就是将多参简化为单参数的一种技术方式，其最终支持的是方法的连续调用，每次返回新的函数，在最终符合条件或者使用完所有的传参时终止函数调用。 场景实例 与其他文章不同，我在本文会重点分享一些柯里化...
【JS】JS函数柯里化及应用场景
owo_ovo的博客
10-03 462
JS中柯里化的说明以及使用，封装一个提高使用感受的方法
函数柯里化的应用场景及示例
最新发布
SUNGUOGUO1的博客
04-27 331
函数柯里化通过将多参数函数转换为单参数链式调用的形式，增强了函数的灵活性和复用性。函数柯里化通过灵活的参数管理和逻辑拆分，显著提升了代码的复用性和可维护性，尤其适合函数式编程和复杂业务逻辑的场景。：避免重复传递相同的基地址参数，简化调用逻辑。：需要多次调用同一函数，且部分参数固定。：通过链式调用实现清晰的函数组合逻辑。：参数需要分阶段收集，最后统一处理。：通过预定义级别参数，减少重复代码。：隐藏复杂参数，提供简洁的调用接口。：根据不同条件生成不同逻辑的函数。：统一不同接口的参数格式。：为事件回调预置参数。
js 对柯里化函数简单理解及应用场景
西瓜甜甜的博客
11-12 1011
最近在深入学习js，发现之前自己储备的知识真的是冰山一角，虽然工作上这些不用也能完成任务，但是总感觉自己写的代码很拉跨~~是时候提高自己的代码质量了 下面是菜鸡理解，高手可以离开本页了~ 柯里化函数Curry 直奔主题 function curryingAdd(x) { return function (y) { return x + y } } curryingAdd(1)(2) 这是一个实现加法的函数，按照普通函数的实现方法 curryingAdd里面直接return
Javascript函数柯里化及其应用场景
Zijeak的博客
09-29 3702
1.什么是柯里化 柯里化，英语：Currying，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。 2.柯里化的用途 参数复用 看下面这个例子： function uri (protocol,hostname,pathname){ return `${protocol}${hostname}${pathname}`; } const uri1 = uri("https://","www.youkuaiyun.com","/blo
认识柯里化函数及其应用
qq_40181779的博客
05-31 495
认识柯里化函数及其应用 维基百科中的定义 在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术。 解释有点抽象,可以代码实现下效果 //普通函数 function add(a,b){ return a + b; } add(1,2); ...
「前端面试题系列6」理解函数的柯里化
weixin_33794672的博客
02-17 308
前言 这是前端面试题系列的第 6 篇，你可能错过了前面的篇章，可以在这里找到： ES6 中箭头函数的用法 this 的原理以及用法 伪类与伪元素的区别及实战 如何实现一个圣杯布局？ 今日头条 面试题和思路解析 最近，朋友T 在准备面试，他为一道编程题所困，向我求助。原题如下： // 写一个 sum 方法，当使用下面的语法调用时，能正...
用场景去理解函数柯里化(入门篇)
weixin_33825683的博客
04-10 225
前言 函数柯里化就是将多参简化为单参数的一种技术方式，其最终支持的是方法的连续调用，每次返回新的函数，在最终符合条件或者使用完所有的传参时终止函数调用。 场景实例 与其他文章不同，我在本文会重点分享一些柯里化的经典使用场景，让你在学会这点技巧后能切实的提升代码的可维护性。 编写可重用小模块代码 比如我们有个方法部分逻辑前置是相同的，后面的执行是因为参数不同导致结果不同的，下面是代码部分。 计算...
函数柯里化应用
haoyanyu_的博客
08-12 214
函数柯里化 把使用多个参数的函数转换成一系列使用一个参数的函数，返回接受余下参数并且返回结果的新函数；（也就是：只传递一个部分参数来调用这个函数，让他返回一个新函数去处理余下的参数） 日常应用 动态创建函数：（dom元素添加事件监听是，根据兼容性判断生成不同的函数） //只在函数第一次执行时判断一次，用到了闭包和立即执行函数 const addEvent = (function(){ ...
第4天 对柯里化函数(currying)的理解，它有什么运用场景？
qq_36529240的博客
12-02 156
函数柯里化指的是将能够接收多个参数的函数转化为接收单一参数的函数，并且返回接收余下参数且返回结果的新函数的技术。 function curry (fn) { const ctx = this; function inner (...args) { if (args.length === fn.length) { return fn.call(ctx, ...args); } return (...innerArgs) => inner.call
柯里化有用吗？（应用场景理解）
飞扬小阁
07-11 1205
举个例子，你有一家商店，然后你想给你的优惠顾客10%的折扣： 当一个优惠顾客消费了500元，你会给他： 从长远的看，你会发现你每天都要计算10%的折扣。 我们能将这个函数柯里化，然后我们就不用每次都写那0.10了： 现在，我们只需用商品价格来计算就可以了： 接下来，有些优惠顾客越来越重要，让我们称为vip顾客，然后我们要给20%的折扣，我们这样来使用柯里化了的disc...
JavaScript偏函数与柯里化深度解析
柯里化函数也可以用于创建具有特定上下文的偏函数，只需在柯里化函数中使用`bind`设置`this`值。 偏函数和柯里化是JavaScript中增强函数能力的有力工具，它们使得函数能够适应不同的场景，提高代码的灵活性和可读性...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Supernova_gu

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

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

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

打赏作者

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

抵扣说明：

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

余额充值