javascript 的回调函数

  既然函数可以像其他数据那样赋值给某个个变量,可以被定义、删除、拷贝,那为什么就不能被当成参数传递给其他函数呢?

  下面的示例中,我们定义了一个以两个函数为参数的函数。该函数会分别执行这两个参数函数,并返回它们的返回值之和。 

function invoke_and_add(a,b){
    return a() + b();
}

  现在让我们来简单定义一下这两个参与加法运算的函数,它们只是单纯地返回一个硬编码值: 

function one(){
    return 1;
}
function two(){
    return 2;
}

  下面,我们只需将这两个函数传递给目标函数 invoke_and_add(),就可以得到执行结果了:

  invoke_and_add(one ,two);

  3

  事实上,我们也可以直接用匿名函数来代替one()和two(),以作为目标函数的参数,例如:

  invoke_and_add(function(){return 1;},function(){return 2;})

  当我们将函数A传递给函数B,并由B来执行A时,A就成了一个回调函数(callback functions)。如果这时A还是一个无名函数,我们就称它为匿名回调函数。

  那么,应该什么时候使用回调函数呢?下面就让我们通过几个应用实例来示范一下回调函数的优势。

  * 它可以让我们在不做命名的情况下传递函数(这意味着可以节省全局变量)。

  * 我们可以将一个函数调用操作委托给另一个函数(这意味着可以节省一些代码编写工作)。

  * 它们也有助于提升性能。

  回调示例:

  在编程过程中,我们通常需要将一个函数的返回值传递给另一个函数。在下面的例子中,我们定义了两个函数:第一个multiplayByTwo(),该函数会通过一个循环将其所接受的三个参数分别乘以2,并以数组的形式返回结果;第二个函数addOne()只接受一个值,然后将它加1并返回即可。 

function multiplyByTwo(a,b,c){
    var i,ar =[];
    for (i=0;i<3;i++){
    ar[i] = arguments[i]*2;
}
    return ar;
}

function addOne(a){
    return a+1;
}

  现在,我们来测试一下这两个函数:

  multiplyByTwo(1,2,3);

  [2,4,6]

  addOne(100)

  101

  接下来,我们要实现这三个元素在两个函数之间的传递,这需要定义一个用于存储元素的数组。我们先从multiplyByTwo()的调用开始:

  var myarr =[];

  myarr=multiplyByTwo(10,20,30);

  [20,40,60]

  然后,用循环遍历每个元素,并将它们分别传递给addOne()。

  for(var i=0;i<3;i++){myarr[i] =addOne(myarr[i]);}

  myarr

  [21,41,61]

  如你所见,这段代码可以工作,但是显然还有一定的改善空间。特别是这里使用了两个循环,如果数据量很大或循环操作很复杂的话,开销一定不小。因此,我们需要将它们合二为一。这就需要对multiplyByTwo()函数做一些改动,使其接受一个回调函数,并在每次迭代操作中调用它。具体如下: 

function multiplyByTwo(a,b,c,callback)
{
    var i,ar=[];
    for(i=0;i<3;i++){
        ar[i]=callback(arguments[i]*2);
    }
    return ar;
}

  函数修改完成之后,之前的工作只需要一次函数调用就够了,我们只需像下面这样将初始值和回调函数传递给它即可:

  myarr= multiplyByTwo(1,2,3,addOne);

  [3,5,7]

  我们还可以用匿名函数来代替addOne(),这样做可以节省一个额外的全局变量。

  myarr= multiplyByTwo(1,2,3,function(a){return a +1});

  [3,5,7]

  而且,使用匿名函数也更易于随时根据需求调整代码。例如:

  myarr = multiplyByTwo(1,2,3,function(a){return a +2});

  [4,6,8]

  

时间: 2024-10-26 12:35:52

javascript 的回调函数的相关文章

告诉你什么是javascript的回调函数

在javascript中回调函数非常重要,它们几乎无处不在.像其他更加传统的编程语言都有回调函数概念,但是非常奇怪的是,完完整整谈论回调函数的在线教程比较少,倒是有一堆关于call()和apply()函数的,或者有一些简短的关于callback的使用示例. 函数也是对象 想弄明白回调函数,首先的清楚地明白函数的规则.在javascript中,函数是比较奇怪的,但它确确实实是对象.确切地说,函数是用Function()构造函数创建的Function对象.Function对象包含一个字符串,字符串包

Javascript AJAX回调函数传递参数

在Javascript 中,特别是在AJAX中,回调函数常常是一个函数名,没有地方放入参数,如下面的AJAX代码,在成功后将调用回调函数callback,但callback是有参数的,如何把参数传进来呢? var callback = function(p1){ //do something } var ajaxSetting = { url: url, timeout:me.timeout, type: method, contentType: "application/json",

JavaScript中回调函数的使用

在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A.我们就说函数A叫做回调函数.如果没有名称(函数表达式),就叫做匿名回调函数. 在实际应用中,可以这么应用,一个方法进行获取数据源,另一个方法(回调函数)可以通过数据源在页面上进行展示,可以根据具体的需求进行展示就行,如果多个地方用到这个数据源,可以写不同的回调函数,将此函数传入这个方法中即可. 来,咱们通过实例可以一目了然 获取公司信息的小例子 1.获取公司信息数据源的方法(

Javascript之回调函数(callback)

1.回调函数定义: 回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用为调用它所指向的函数时,我们就说这是回调函数.回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应. 在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A.我们就说函数A叫做回调函数.如果没有名称(函数表达式),就叫做匿名回调函数.因此callb

javascript 自定义回调函数

javascript 回调函数 如果你直接在函数a里调用的话,那么这个回调函数就被限制死了.但是使用函数做参数就有下面的好处:当你a(b)的时候函数b就成了回调函数,而你还可以a(c)这个时候,函数c就成了回调函数.如果你写成了functiona(){...;b();}就失去了变量的灵活性. function a(index,callback){ callback(index); } function b(index){ alert(index); } a(10000,b);

JavaScript自定义回调函数

背景分析 首先看一段js的代码,主要实现添加的时候首先通过异步请求判断是否存在,如果不存在的话,在进行添加操作: function add(url,data) { var isExited = isExited(data); if(!isExited){ addRequest(url, data); } } 当我添加一个数据的时候,我首先通过判断是否在数据库中存在(当然,如果前后台彻底分离的话,不应该前端进行业务逻辑的判断,前端只应该,用来展示数据),首先,isExited()的请求是ajax请

理解JavaScript中回调函数的使用

首先要理解function 对象,在JavaScript中function和array object,number一样作为一个对象,因此function也可以像普通对象一样可以作为一个参数传递个另一个函数; function parentF(callback){//callback可以任意定义名称,它只是个参数,此时并不能确定callback的类型(是number,object,function都不确定) var a=1; var b=2;  console.log("parent")

javascript之回调函数小知识

Javascript异步编程方法------“回调函数” 这是异步编程最基本的方法. 假定有两个函数f1和f2,后者等待前者的执行结果. f1(); f2(); 如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数. function f1(callback){setTimeout(function () {// f1的任务代码callback(); }, 1000); } 执行代码就变成下面这样: f1(f2); 采用这种方式,我们把同步操作变成了异步操作,f1不会堵塞程序运

Javascript-回调函数浅谈

回调函数就是一个通过函数指针调用的函数.如果你把函数的指针(地址)作为参数传递给另一个函数,当这个指针被用来调用其所指向的函数时,我们就说这是回调函数.回调函数不是由该函数的实现方直接调用,而是在特定的事件或条件发生时由另外的一方调用的,用于对该事件或条件进行响应. 中文名 回调函数 外文名 Callback Functions 意思 通过函数指针调用的函数 作用 对特定的事件或条件进行响应 机制 听语音 ⑴定义一个回调函数: ⑵提供函数实现的一方在初始化的时候,将回调函数的函数指针注册给调用者