回调函数模型设计

   Javascript中,回调函数是基于事件轮询实现事件驱动的主要表现形式,回调函数的设计并不难,这里简单介绍两种情况:带参数与不带参数。

   不带参数:

   function sing(callback){
           callback();
       }
       sing(function(){
          console.log("无参数");
       }); //“无参数”

  sing函数执行时,执行callback函数,这里执行里面的匿名函数,这里提醒一下,无论声明式函数、表达式函数、还是匿名函数作为参数效果是一样的,在Js里,函数作为普通对象的概念要形成常态化思维。

    带参数: 

function sing(str,callback){
var popularsong={
contentOne:str,
contentTwo:"I love you!",
means:function(){
console.log(this.contentOne);
console.log(this.contentTwo);
}
};
callback(popularsong); //这里已经设计规定好参数类型和值
}
sing("你好",function(ob){//这里参数指代原回调函数已规定好的参数
ob.means(); //你好 I Love you!
});

  sing函数在设计时,参数callback预定义了一个含有具体类型和值的对象参数ob,这里默认在调用sing函数时,会触发内部callback执行,这里可以这样理解:callback是预定义而不能有具体执行意义的函数声明,当其具体的函数执行时会把该函数对象放到callback所在环境里执行,就好像callback自己作为执行函数在自己的作用域里执行一般。这流程与正常函数的定义是一致的,所以当sing()执行时,"你好"会出现在function sing()的str的作用域位置,被callback的执行函数访问到。

  

posted @ 2016-04-25 22:40  光辉的一角  阅读(493)  评论(0编辑  收藏  举报