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.
怎么理解呢?
callback就是一个函数,啥样的函数呢?做为一个参数传到另一个函数的函数,它是在在父函数(包含它的那个函数)执行完以后再执行的(我自己翻译的)

举个栗子:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title heretitle>
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"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="1.js">script>
<title>Insert title heretitle>
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里面的函数。回调使用非常多,有机会还是会再写的。。。。

你可能感兴趣的:(js)