js 写自定义回调函数callback

最新推荐文章于 2025-06-29 19:17:42 发布

原创最新推荐文章于 2025-06-29 19:17:42 发布 · 4.6k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#回调函数

js 专栏收录该内容

72 篇文章

订阅专栏

本文深入讲解了JavaScript中三种不同形式的回调函数应用实例，包括基本的函数回调、数学运算后的回调以及处理JSON数据的回调，展示了回调函数在异步操作中的重要作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种形式：

/*
* 构造回调函数
* @param:p1
* @param:callback  回调函数
*/
function testfn(p1 ,callback) {
	console.log('调用第一次函数-->'+p1);
	if(callback){
		callback(p1);
	}
}
//回调函数
function testcallback(p){
	console.log('回调函数test1-->'+p);
}
//调用
testfn('我是参数',testcallback); //调用第一次函数-->我是参数     回调函数test1-->我是参数

第二种形式：

/*
* 构造回调函数
* @param:p1
* @param:p2
* @param:callback  回调函数
*/
function add_callback(p1, p2 ,callback) {
    var my_number = p1 + p2;
	console.log('调用函数--> '+p1+'+'+p2+'='+my_number);
	if(callback){
		callback(my_number);
	}
}

//调用：
add_callback(5, 15, function(num){
    console.log("回调函数--> " + num);
});//调用函数--> 5+15=20  回调函数--> 20

第三种形式：

/*
* 构造回调函数
* @param: json  json格式
*/
function jsonCallback(json){
	if(json){
		if(json.name){
			console.log("回调函数--> "+json.name);
			if(json.callback){
				json.callback(json.name);
			}
		}
	}
}
//调用：
jsonCallback({
	name:'stonefly',
	callback:function(name){
		console.log('my name is '+name);
		document.write('my name is '+name);
	}
})//调用函数--> stonefly     my name is stonefly