您的位置：首页 > Web前端 > JavaScript

JS回调函数

2015-12-19 19:07 706 查看

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

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航