欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript中的回调函数的基本理解和实例介绍

程序员文章站 2022-05-03 21:19:43
js中回调函数基本理解 在javascrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它string、array、number、object类的对象一样用于内置对象的管...

js中回调函数基本理解

javascrip中,function是内置的类对象,也就是说它是一种类型的对象,可以和其它string、array、number、object类的对象一样用于内置对象的管理。因为function实际上是一种对象,它可以“存储在变量中,通过参数传递给(另一个)函数(function),在函数内部创建,从函数中返回结果值”。

因为function是内置对象,我们可以将它作为参数传递给另一个函数,延迟到函数中执行,甚至执行后将它返回。这是在javascript中使用回调函数的精髓。

回调函数来自一种著名的范式——函数式编程,在基本层面上,函数式编程指定的了函数的参数。函数式编程虽然现在的使用范围变小了,但它一直被“专业的聪明的”程序员看作是一种难懂的技术,以前是这样,未来也将是如此。

字面上理解下来就是,回调就是一个函数的调用过程。函数a有一个参数,这个参数是个函数b,当函数a执行完以后执行函数b。那么这个过程就叫回调。

回调与同步、异步并没有直接的联系,回调只是一种实现方式,既可以有同步回调,也可以有异步回调,还可以有事件处理回调和延迟函数回调,这些在我们工作中有很多的使用场景

什么是回调或高级函数?

回调函数被认为是一种高级函数,一种被作为参数传递给另一个函数(在这称作"otherfunction")的高级函数,回调函数会在otherfunction内被调用(或执行)。回调函数的本质是一种模式(一种解决常见问题的模式),因此回调函数也被称为回调模式。

回调函数是如何实现的?

我们可以像使用变量一样使用函数,作为另一个函数的参数,在另一个函数中作为返回结果,在另一个函数中调用它。当我们作为参数传递一个回调函数给另一个函数时,我们只传递了这个函数的定义,并没有在参数中执行它。

当包含(调用)函数拥有了在参数中定义的回调函数后,它可以在任何时候调用(也就是回调)它。

这说明回调函数并不是立即执行,而是在包含函数的函数体内指定的位置“回调”它(形如其名)。

回调函数是闭包的

当作为参数传递一个回调函数给另一个函数时,回调函数将在包含函数函数体内的某个位置被执行,就像回调函数在包含函数的函数体内定义一样。从所周知,闭包函数可以访问包含函数的作用域,所以,回调函数可以访问包含函数的变量,甚至是全局变量。

常驻三大线程

js引擎线程,gui渲染线程,浏览器事件触发线程

JavaScript中的回调函数的基本理解和实例介绍

因为浏览器是一个多线程的执行环境,在浏览器的内核中分配了多个线程,最主要的线程之一即是js引擎的线程,同时js事件队列中的异步请求,交互事件触发,定时器等事件都是由浏览器的事件触发线程进行监听的,浏览器的事件触发线程被触发后会把任务加入到js 引擎的任务队列中,当js 引擎空闲时候就会开始执行该任务

回调函数传参问题

将回调函数的参数作为与回调函数同等级的参数进行传递

JavaScript中的回调函数的基本理解和实例介绍

回调函数的参数在调用回调函数内部创建

JavaScript中的回调函数的基本理解和实例介绍