callback调用测试

最新推荐文章于 2024-08-15 17:43:43 发布

转载最新推荐文章于 2024-08-15 17:43:43 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/blog-leo/p/3917650.html

文章标签：

#javascript #ViewUI

<html>
<head>
<script>    
    var context="全局";
    var testObj={        
        context:"初始",
        callback:function (str){//回调函数
            alert("callback:我所处的上下文中，context="+this.context+"，我被回调的方式："+str);
        },
        caller:function(){            
            callWithClosure(function(param){this.callback(param);});
            var temp=this;
            callWithClosure(function(param){temp.callback(param);});            
        } 
    };//创建一个对象，作为测试回调函数的上下文
    testObj.context="已设置";
    
    function testCall(){                    
        callMethod(testObj.callback);
        testObj.caller();
        callWithClosure(function(param){testObj.callback(param);});
        callObjMethod(testObj,testObj.callback);        
    } 
    function callObjMethod(obj,method){        
        method.call(obj,"指定显式对象上下文回调");
    }
    function callMethod(method){        
        method("通过默认上下文回调");        
    }
    function callWithClosure(method){        
        method("通过Closure保持上下文回调");        
    }
    
    function callback(str){
        alert("callback:我是定义在外部的全局函数。");
    }
</script>
</head>
<body>
<a href="javascript:void(0)" onclick="testCall()">调用测试</a>
</body>
</html>