js回调函数的理解及简单实例

最新推荐文章于 2024-06-26 17:20:37 发布

江君是实在人

最新推荐文章于 2024-06-26 17:20:37 发布

阅读量1.6k

点赞数 1

分类专栏： js 文章标签： js 回调

本文链接：https://blog.csdn.net/jiangwudidebaba/article/details/73882950

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

js回调在默写场合下使用还是非常强大的，jq里面运用了大量的回调，现在谈谈我对回调的理解。

JS Api 里这样解释：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.
怎么理解呢？
callback就是一个函数，啥样的函数呢？做为一个参数传到另一个函数的函数，它是在在父函数（包含它的那个函数）执行完以后再执行的（我自己翻译的）

举个栗子：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">


    function foo(a,ab){
        console.log(a);

        var param = Math.random();


        callback(param);


    }


    var callback = function(call){

        //console.log(call);

        callback1(call);
    }

    var callback1 = function(call){

        console.log(call+"111");
    }


    foo(5,callback);
</script>
</body>
</html>

这个是一个非常简单的回调callback做为一个参数传入，执行。

我觉得回调有利于封装，我们可以将所需要的方法，全部写在一个js里面做为一个库的存在，再用回调函数去调用，避免了重复代码，还是举个例子：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="1.js"></script>
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
//var name="jiang";


//var param;
function mytest(a,b,func){

console.log('-----mytest -----');


console.log(a+b);

func(a,b);

 param = func(a,b);

}
mytest(1,5,funcgg);
//console.log(param);

</script>
</body>
</html>

调用的js

console.log("封装 start");


//作为一个库







var funcgg = function(a,b){

//  里面可以放ajax的请求结果

    return a+b;
}

在jsp页面上面给参数，利用回调来使用js里面的函数。回调使用非常多，有机会还是会再写的。。。。

江君是实在人

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
2
评论
js回调函数的理解及简单实例

js回调在默写场合下使用还是非常强大的，jq里面运用了大量的回调，现在谈谈我对回调的理解。 JS Api 里这样解释：A callback is a function that is passed as an argument to another function and is executed after its parent function has completed. 怎么理解呢
复制链接

扫一扫

专栏目录