关于前端:高阶函数和回调函数的区别

36次阅读

共计 1240 个字符,预计需要花费 4 分钟才能阅读完成。

明天看到高阶函数的概念,忽然就迷不过去了,这个高阶函数和回调有什么区别呢?

高阶函数英文叫 Higher-order function。那么什么是高阶函数?

刚开始学习语言我最胆怯看到这种 XX 函数的,一看到就想跳过,后果跳过了发现前面好多知识点都无奈了解。
咱们齐全没必要把它想的如许浅近,其实高阶函数你在学习到这个阶段的时候曾经应用过很多高阶函数了,只不过你之前不晓得它们还有这个非凡的称说。
最简略的例子就是

setTimeout(fn,delay)

一个函数 A 接管另外一个函数 B 作为参数,那么这个函数 A 就叫做高阶函数,fn 就叫做 setTimeout 的回调函数。
记住一点,高阶函数和回调函数的概念是两个函数互相搭配应用,能力叫做高阶函数和或者某某函数的回调函数的。独自的一个函数 fn 是无奈叫做高阶函数的!

[
回调函数的概念我写过一篇博客,如有须要,能够翻看我的集体文章,内容没有专业名词,简略易懂。](https://juejin.cn/post/707734…)

函数还有一个形式也能够成为高阶函数,那就是返回值也是一个函数。如果你理解过防抖和节流,你可能一下子就会明确这个应用办法。上面例子与防抖节流无关。
到这里你就曾经能够分分明什么是高阶函数和回调函数了。

分割线,以下是这个概念本人写的进阶笔记,写的比拟绕,初学者可能看不懂代码,请抉择观看。

<——————————————————>

这是我写的一段代码,我想实现的性能是当我鼠标挪动到 li 标签里时候,呈现删除的按钮。


逻辑是我须要判断 li 标签的 id 是否和它的索引雷同,而后把 button 的 opacity 扭转。这里应用的是


因为我须要传递参数数组的 id 值,给 onMouseEnter 这个函数的回调函数也就是 handleMOuse,然而咱们须要搞清楚的是上面写法的起因👇为什么要这样写。

不论是 onClick 和 OnChange 等这些事件,都须要一个函数作为它的回调来应用,留神! 这些事件须要你给它提供一个函数

onMouseEnter={handleMouse(iterm.id)}

当你这样写的时候,你须要明确,浏览器调用 render() 函数的时候,你的 handleMouse 是函数名,然而一旦你带括号,就阐明你在执行它!!!!这个概念十分重要,须要理分明。所以走到这一行会执行这个函数,
然而如果这时候你这个函数的返回值为空或者不为函数,那么就不会失去你想要的后果, 那么咱们的目标就是让浏览器先执行一个函数 A(目标是拿到参数),而后让函数 A 再返回一个函数 B,这时候函数 B 才是触发这个具体事件的函数。

很绕,须要多多了解。

下面代码的意思是,当浏览器调用 render 办法的时候,会首先执行

这段代码,然而这段代码函数 A 的作用只是把咱们须要的参数传递进去,真正意义上的函数是这个函数 A 的返回值

这里的 e 才是 onMOuseEnter 事件对象。至此咱们拿到了咱们须要比照的参数并且进行逻辑判断。

正文完
 0