对js柯里化的小理解,前端View绘制流程讲解

本文详细解释了JavaScript中的柯里化函数(m)的工作原理,通过实例展示其递归和参数处理机制。作者强调了数据结构和算法在前端开发中的重要性,特别是排序算法,如快速排序和冒泡排序,及其在面试中的角色。
摘要由CSDN通过智能技术生成

var m3=m()(8,3)(1);

m3;//24

下面解释这个看起来很复杂的柯里化curry函数

首先以我们的m为例,

var m=curry((x,y,z)=>console.log(x*y*z));

传参 fn=(x,y,z)=>console.log(x*y*z)

虽然是个箭头函数,但是意思很明确啊,返回三者乘积

curry函数里面的固定变量c是返回值,那么我们看看这个c的样子

哇好长!!

c=()=>()?xx:xx 好了是个函数体无疑了(递归了还!!!)

fn.length概念上是fn接收的参数的个数即curry里面那个函数的(x,y,z),然后(args.length === fn.length) ?保证我们一定现有传参数达到函数接收的长度才行的

一开始args是执行部分第一个括号的内容,小于 fn.length

如果不等于会执行一个(..._args) => c(...args, ..._args)即把下一次括号内的参数当成_args然后加到args中(这是个递归嵌套),最终都把参数整合到args数组

当执行到我们的传参数===需要参数的数目的时候 return fn(...args)

此处的args是终极版!!

不过要小心如果执行过程中参数数量小于或大于传参数则返回的是一个函数体而不是执行结果,小于的时候还好,我们可以继续加(),大于就看起来无能为力了。

稍微改一下 把===改成>=,可以简单保证不传多,假如手误多敲了一个他会按照前3个数去执行

(此处是一种隐式的函数解构

[x,y,z]=[...args]根据函数规则如果args长度>3,x,y,z会只取前三个数

function curry (fn) {

const c = (…args) => (args.length >= fn.length) ?

fn(…args) : (…_args) => c(…args, …_args)

return c

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

数据结构与算法

这一块在笔试、面试的代码题中考核较多,其中常考的数据结构主要有:数组、链表、队列、栈、Set、Map、哈希表等,不同数据结构有不同的方法以及储存原理,这些算是技术岗的必备知识。算法部分主要分为两大块,排序算法与一些其他算法题

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

排序算法根据考频高低主要有:快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种,这类考核点要么是算法的时间、空间复杂度、稳定度,要么是直接手写代码,故在理解算法原理的同时,对JS语言版的排序算法代码也要加强记忆。

  • 二叉树层序遍历
  • B 树的特性,B 树和 B+树的区别
  • 尾递归
  • 如何写一个大数阶乘?递归的方法会出现什么问题?
  • 把多维数组变成一维数组的方法
  • 知道的排序算法 说一下冒泡快排的原理
  • Heap 排序方法的原理?复杂度?
  • 几种常见的排序算法,手写
  • 数组的去重,尽可能写出多个方法
  • 如果有一个大的数组,都是整型,怎么找出最大的前 10 个数
  • 知道数据结构里面的常见的数据结构
  • 找出数组中第 k 大的数组出现多少次,比如数组【1,2, 4,4,3,5】第二大的数字是 4,出现两次,所以返回 2
  • 合并两个有序数组
  • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

次,所以返回 2

  • 合并两个有序数组
  • 给一个数,去一个已经排好序的数组中寻找这个数的位 置(通过快速查找,二分查找)

[外链图片转存中…(img-3ElEphAz-1711856212525)]

  • 30
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值