JS回调函数

来源：互联网发布：金蝶会计软件编辑：程序博客网时间：2024/05/17 22:13

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

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>

0 0