必威体育Betway必威体育官网
当前位置:首页 > IT技术

什么是回调函数?

时间:2019-10-08 23:43:17来源:IT技术作者:seo实验室小编阅读:62次「手机版」
 

回调函数

什么是回调函数

In computer programming, a callback is a piece of executable code that is passed as an argument to other code, which is expected to call back (execute) the argument at some convenient time [引自 维基百科 callback]

回调函数是一段可执行的代码段,它作为一个参数传递给其他的代码,其作用是在需要的时候方便调用这段(回调函数)代码。

javaScript中函数也是对象的一种,同样对象可以作为参数传递给函数,因此函数也可以作为参数传递给另外一个函数,这个作为参数的函数就是回调函数。

回调函数

function add(num1, num2, callback){
	var sum = num1 + num2;
	callback(sum);
}

function print(num){
	console.log(num);
}

add(1, 2, print);		//=>3

匿名回调函数

function add(num1, num2, callback){
	var sum = num1 + num2;
	callback(sum);
}

add(1, 2, function(sum){
	console.log(sum);		//=>3
});

jQuery中大量的使用了回调函数

$("#btn").click(function() {
  alert("button clicked");
});

 

回调函数有哪些特点

不会立刻执行

回调函数作为参数传递给一个函数的时候,传递的只是函数的定义并不会立即执行。和普通的函数一样,回调函数在函调用函数数中也要通过()运算符调用才会执行。

是个闭包

回调函数是一个闭包,也就是说它能访问到其外层定义的变量。

执行前类型判断

在执行回调函数前最好确认其是一个函数。

function add(num1, num2, callback){
	var sum = num1 + num2;
	if(typeof callback === 'function'){
		callback(sum);
	}
}

this的使用 注意在回调函数调用时this的执行上下文并不是回调函数定义时的那个上下文,而是调用它的函数所在的上下文。

var obj = {
	sum: 0,
	add: function(num1, num2){
		this.sum = num1 + num2;
	}
};

function add(num1, num2, callback){
	callback(num1, num2);
};

add(1,2, obj.add);
console.log(obj.sum);			//=>0
console.log(window.sum);		//=>3

上述代码调用回调函数的时候是在全局环境下,因此this指向的是window,所以sum的值是赋值给windows的。

关于this执行上下文的问题可以通过APPly方法解决。

var obj = {
	sum: 0,
	add: function(num1, num2){
		this.sum = num1 + num2;
	}
};

function add(num1, num2, callbackObj, callback){
	callback.apply(callbackObj, [ num1, num2 ]);
};

add(1,2, obj, obj.add);
console.log(obj.sum);			//=>3
console.log(window.sum);		//=>undefined

允许传递多个回调函数

一个函数中可以传递多个回调函数,典型的例子如jQuery

function successCallback() {
    // Do stuff before send​
}
​function successCallback() {
    // Do stuff if success message received​
}​
​function completeCallback() {
    // Do stuff upon completion​
}
​function ERRORCallback() {
    // Do stuff if error received​
}
$.ajax({
    url: "http://fiddle.jshell.net/favicon.png",
    success: successCallback,
    complete: completeCallback,
    error: errorCallback
});

回调函数嵌套

一个回调函数中可以嵌入另一个回调函数,对于这种情况出现多层嵌套时,代码会难以阅读和维护,这个时候可以采用命名回调函数的方式调用,或者采用模块化管理函数,也可以用promise模式编程

回调函数的优点和使用场景

优点

  1. DRY,避免重复代码。
  2. 可以将通用的逻辑抽象。
  3. 加强代码可维护性。
  4. 加强代码可读性。
  5. 分离专职的函数。

使用场景

  1. 异步编程。
  2. 事件监听、处理。
  3. settimeout、setInterval方法。
  4. 通用功能,简化逻辑。

相关阅读

C语言scanf函数以及缓存详解

前言 以下代码都是在VC6.0环境下完成的; 对于缓冲这个知识,我觉得还有一些疏漏或错误,但是我又没找到很详尽的资料,有知道的朋友欢

便利蜂数学考卷曝光:没有三角函数、空间向量

A5创业网(公众号:iadmin5)1月31日消息,近日有消息称便利蜂正在裁员并且出了新招,要求员工参加数学考试,考试不及格的都开除。对此,便利

string的contain()函数用法

String.contain()函数主要用于匹配字符串,例如:String x=(1+(8*(9-6/2)/4)*2);if(x.contains("(")){System.out.println("匹配成功"

StretchBlt函数和BitBlt函数的用法

StretchBlt和BitBlt都用在双缓冲视图中,用来显示一幅图像一、StretchBlt函数从源矩形中复制一个位图到目标矩形,必要时按目标设备设

MATLAB三维基本绘图-plot3()函数

clear all; theta=0:0.01*pi:pi*2; x=sin(theta); y=cos(theta); z=cos(4*theta); figure; plot3(x,y,z,'rs','LineWidth',2,'Mar

分享到:

栏目导航

推荐阅读

热门阅读