JS回调函数

最新推荐文章于 2024-11-06 16:04:23 发布

yinzn2011

最新推荐文章于 2024-11-06 16:04:23 发布

阅读量522

点赞数

文章标签： html javascript 函数

本文链接：https://blog.csdn.net/yinzn2011/article/details/50359300

版权

今天研究了一下回调函数，和大家共勉，有什么不正确的地方欢迎大家指教。

1、回调函数就是将一个函数名作为另一个函数的参数，比如test（func）//test和func均为函数，其中test是父函数，func是回调函数

2、回调函数主要有两种，一种是无参回调函数，比较简单；另外一种是有参回调函数，eg：test(arr,func);//其中arr是回调函数func的参数,通过父函数test传递给func

3、代码示例：

<html> 
 
<head> 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>回调函数示例：</title> 
<script language="javascript" type="text/javascript"> 
function parent1(callback) 
{    
    alert("我是父函数parent1！调用回调函数func1"); 
    callback(); 
} 

function func1(){ 
	alert("我是回调函数func1 被父函数parent1调用"); 
} 


function parent2(arr,callback){
	alert("我是父函数parent2！调用回调函数func2");
	for(var i =0;i < arr.length;i++){
		callback(arr[i]);
	}
}

function func2(param){
	alert("回调函数func2 current参数: " + param);
}

function test1() 
{ 
    parent1(func1); 
} 

function test2(){
	var array = new Array("1","2","3","4","5"); 
	parent2(array,func2);
}

</script> 
</head> 
 
<body> 
<h1>How to callback</h1> 
<p>无参回调</p> 
<button onClick=test1()>click me</button> 

<p>有参回调</p> 
<button onClick=test2()>click here</button> 
</body> 
 
</html>