视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
js set集合 python 遍历列表 vue babel javascript function js setattribute vue.set()用法 python中def函数的用法 vue获取路由参数 oracle netsuite python assert函数用法 python getattr函数 vue 获取当前路由 oracle expdp hp台式机bios设置启动顺序 最简单施工日志范文 oracle触发器写法 linux密码忘记 重置密码的方法 vue获取当前路由 echarts教程 oracle 添加索引 object.values()的用法 mysql text类型 vue main.js js lastindexof mysql 替换函数 js endswith js assign js queryselector mysql json_extract 16进制颜色转换rgb valueerror是什么错误 python九九乘法表代码 js object.assign tinfoil使用教程 0x80240017未指定错误 input获取焦点 图像采集是什么意思 浏览器cookie要不要打开 electron打包成exe input默认值
js callback
2022-01-22 16:21:05 责编:李赢赢
文档

js中callback是什么呢?不知道的小伙伴来看看小编今天的分享吧!

1、js中callback简介:

一个被当做参数的函数,即为回调函数。

在JS中万物皆为对象。函数本身也是一个对象,既然是对象,所以函数当然可以当做函数的参数。

//可以这样创建函数let fun = new Function("arg1", "arg2", "return arg1 * arg2;");fun(3, 3);  //6

如上述代码,fun函数就是一个对象。

function fun1(fn){
    fn();
}
function fun2(){
    console.log("callBack");
}
fun1(fun2); //callBack

上述代码中,fun2做为fun1的参数,fun2即为回调函数。

2、回调函数的作用

几乎所有的第三方函数我们都无法修改函数的内部实现, 比如数组的forEach,map等。那么我们也就无法在这样的函数体中,调用自己所写的功能模块。所以此时,回调函数就提供了这样的能力,使我们可以将自己所书写的函数传入第三方函数中,从而实现完整的功能。

举例:

通过冒泡排序,来展示回调函数的使用方式。

let arr = [5,6,4,7,3,8,2,9,0,1];
    function smallToLarge(L,R){//回调函数
        return L > R;
    }
    function LargeTosmall(L,R){//回调函数
        return L < R;
    }
    function bubbleSort(arr,callBack){
        for(let i=0; i<arr.length-1; i++){
            for(let j=0; j<arr.length-i-1; j++){
                //将回调函数当做参数,决定结果是由小到大,还是由大到小
                if(callBack(arr[j],arr[j+1])){
                    [arr[j],arr[j+1]] = [arr[j+1],arr[j]];
                }
            }
        }
    }
    bubbleSort(arr,smallToLarge);
    console.log(arr);//0123456789
    bubbleSort(arr,LargeTosmall);
    console.log(arr);//9876543210

函数bubbleSort拥有一个参数callBack,而smallToLarge与LargeTosmall均为回调函数,当我们在bubbleSort函数调用时,传入smallToLarge与LargeTosmall就可以非常方便的控制排序的规则。

以上就是小编今天的分享了,希望可以帮助到大家。

下载本文
显示全文
专题js set集合js set集合专题python 遍历列表python 遍历列表专题vue babelvue babel专题javascript functionjavascript function专题js setattributejs setattribute专题vue.set()用法vue.set()用法专题python中def函数的用法python中def函数的用法专题vue获取路由参数vue获取路由参数专题oracle netsuiteoracle netsuite专题python assert函数用法python assert函数用法专题python getattr函数python getattr函数专题vue 获取当前路由vue 获取当前路由专题oracle expdporacle expdp专题hp台式机bios设置启动顺序hp台式机bios设置启动顺序专题最简单施工日志范文最简单施工日志范文专题oracle触发器写法oracle触发器写法专题linux密码忘记 重置密码的方法linux密码忘记 重置密码的方法专题vue获取当前路由vue获取当前路由专题echarts教程echarts教程专题oracle 添加索引oracle 添加索引专题vue路由模式vue路由模式专题office2010配置进度怎么去除office2010配置进度怎么去除专题python excel写入数据python excel写入数据专题操作无法完成错误0x00000709操作无法完成错误0x00000709专题python将数据写入excel文件python将数据写入excel文件专题js urljs url专题vue router传参vue router传参专题jquery获取url参数jquery获取url参数专题vue router跳转vue router跳转专题clashx使用教程clashx使用教程专题js compose专题websocket js专题js websocket框架专题js实现websocket专题js lint专题js stacktrace专题js中call专题js的call专题vue.js is not detected专题gopherjs专题js call apply bind专题utils.js专题js sessionstorage专题js caller专题babylon js专题region.js专题nodejs返回html页面专题toggle js专题js toggle专题js indexdb专题