js如何写回调函数?

回调函数需要掌握的基础:先要了解变量,和函数的作用域,还有函数传参。

在JS中,回调函数大家都经常遇到,最常见的就是调用JQ的ajax请求,请求成功后执行success函数,这个success函数就是回调函数了。

回调函数,就是把一个函数当作参数传入一个函数里面,然后执行代码判断是否执行。举个简单例子:

//定义一个函数,准备当作回调函数
var callback = function (){
    console.log('我是callback函数');
}
			
function b(callback){
    console.log('我是b函数,先执行我,我再执行传进来的函数callback');
				
    //3秒后才执行 更加能提现回调函数的作用
    setTimeout(function(){ 
        if(callback && typeof(callback) === 'function'){ //判断传入是否存在,和是否函数function
	    callback();
        }else{
	    console.log('你传入的不是函数,请自己传入函数试试回调的感觉');
        }
    },3000)
				
}
//调用b函数
b(callback);

效果图:

以上a函数就是当作参数传入b函数(a也就是回调函数了),然后在b函数里面按照代码顺序执行判断。

jq的ajax请求同理,也是jq封装了一个ajax函数,然后传入success函数,在ajax请求服务器成功后,才执行success函数。

好了,大家应该也有基本的了解,自己尝试写写好,在好好去理解。懂了回调函数,就可以在一个主函数里判断什么时候执行传入的函数,传入的函数同样可以引用主函数的一些变量。大家一定要去了解变量和函数的作用域,理解透彻了,也就明白是怎么一回事,运用起来就得心应手了。回调函数的写法确实不错,很多交互中的运用到。我就简单介绍下如何最简单写回调函数,具体情况如何运用,大家举一反三,发挥你的思路,懂了基础原理,剩下就是思路问题了。加油!!!

发布者

cylyiou

cylyiou

分享前端知识

支付宝扫码打赏微信打赏

如果文章对您有帮助,不妨移至上方按钮小额赞助我一下,让我有动力继续写出高质量的教程。

发表评论

电子邮件地址不会被公开。