js中自定义回调函数

1、回调函数在jQuery中出现比较多，但是仅仅是用，只是知道，参数传过去后根据结果执行不同的回调函数，但是从来没有自己尝试写一个，现在就以登录模块写一个简单的小例子吧。

2、需求：写一个判断用户是否登录的js函数，传入username和pwd，如果已经登录弹出“欢迎进入下一界面”，如果没有登录，弹出“对不起，您还未登录呢。”

3、分析：其实这个需求完全可以用不到回调函数，直接把username和pwd传到服务器，根据服务器的返回值判断用户名和密码是否匹配，再执行不同的语句就可以了，但是会出现这样一个问题，一个网站肯定有好多界面，也有好多界面是需要登录才能进去的，也就是需要进行多次这样的判断，这样按照刚刚说的就要写好多重复的代码，所以我们要把刚刚那个抽取出来，而返回不同结果就执行不同的回调，我们在会调里面做当前页面需要做的事情，不多说了，直接上代码。

4、实现：

1）、新建js文件，为user.js  

2）、在user.js里面写

function User(url){
this.url = url;//相当于构造函数
};

User.prototype.isLogin = function(username,pwd,okCallback,noCallback){
if(username=="zs"&&pwd=="123") //实际应为ajax向服务端请求，这里只做简单判断  
okCallback.call();//已经登录
else
noCallback.call();//还未登录
};

3）、使用

<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>//1）、引入jQuery和

<script type="text/javascript" src="js/User.js"></script>//引入我们刚刚写的js文件

<script type="text/javascript">
$(function(){
var user = new User("123");
user.isLogin("zs",//用户名
"123",//密码
function(){//已经登录
alert("欢迎进入下一界面");
},
function(){//未登录
alert("对不起，您还未登录呢。");
});
});

</script>