zoukankan      html  css  js  c++  java
  • 回调函数模型设计

       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的执行函数访问到。

      

  • 相关阅读:
    【设计模式】模板模式
    【设计模式】策略模式
    【设计模式】空对象模式
    【设计模式】状态模式
    【设计模式】观察者模式
    【设计模式】备忘录模式
    【设计模式】中介者模式
    【设计模式】迭代器模式
    【设计模式】解释器模式
    【设计模式】命令模式
  • 原文地址:https://www.cnblogs.com/zhu-xingyu/p/5433087.html
Copyright © 2011-2022 走看看