JQUERY中方法参数做回调方法的多层回调callback，实现过滤作用

最新推荐文章于 2025-08-15 09:01:53 发布

转载最新推荐文章于 2025-08-15 09:01:53 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yubolin/p/5217892.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript实现的多层回调过滤示例。通过逐步的条件筛选和排序，最终输出数组中的最小元素。此外，还展示了如何灵活地调用各层函数以满足不同的需求。

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

$(document).ready(function(){
	var arr = [1,14,10,8,2,5];
	function getTask(callback,cond){
		if(0< cond)
		{
			callback(arr);
		}
	}
	var CALLME = {
		func3 : function(callback){
			getTask(callback,3);

		},
		func2 : function(callback){
			CALLME.func3(function(tasks){
				callback(tasks.sort(function(taskA,taskB){
					return taskA - taskB;
				}));
			});
		},
		func1 : function(callback){
			CALLME.func2(function(task){
				callback(task[0]?"first task":null);
			});
		}
	};

	CALLME.func1(function(task){
		console.log(task);
	});
});

代码有些乱，后续整理：

事实上这是一个多层过滤系统，最开始的数组在

func3中被条件限制，callback被传入值，即被3限制，传入数组

func2中数组被按数值大小排续

func1中限制了如果有下标为0的数组值，那么就task为"fisrt task"

最终CALLME.fun1的参数做为函数被执行，打印出first task;

这也给了我们有时解读程序的思路：从答案反推问题，有时我们需要从答案入手，找寻逻辑与思路，从而去理解程序。

而且，这种分层过滤的回调写法更大的好处是你可以直接调用它的任意一层，比如说我只是想给arr排序，那么我只需要

CALLME.func2(function(task){
		console.log(task);
	});

转载于:https://www.cnblogs.com/yubolin/p/5217892.html