javascript高级------回调函数

函数类型中,比较常用的是匿名函数和回调函数,一般来说,回调函数是以匿名函数的形式来进行表现的。回调函数在事件监听,异步的执行等,都会用到的是回调函数的作用。
回调函数的概念
第一:在js中,函数是个特殊的对象,确实是Function函数的创建的实例,我们可以通过new关键字来进行创建函数,比如:
var fn = new Function(''num1'',"num2","return (num1 + num2);");
这样,也就是可以创建函数了。
传统函数是以传参数的形式,来输入数据,并使用返回语句来进行获取返回值。事实上,在函数的末尾使用return 来返回函数加工好的数据,来作为结束点。函数的传参是作为函数的开始点,这样,一个开始点和一个结束点,来形成一一对应的映射关系。其实函数,就是输入和输出实现过程的映射关系。
假设,我们在定义函数时,出现函数的执行结果过程比较长,我们是等待函数的执行呢?还是用异步来进行回调执行结果呢?所以,使用回调函数来进行异步的处理就显得是非常重要的了。比如:我们的Ajax请求的回调函数,事件监听的函数,还是我们自定义的函数传参的回调函数都是运用这个机制。
后续子的逻辑依赖于主干逻辑行为的执行结果。等主干逻辑行为执行完毕,在主逻辑的函数的参数中,是回调函数的执行逻辑代码。如果,一个对象的行为有后续行为的话,我们就可以传入回调函数作为参数,来进行执行后续的逻辑。
第二 : 我们要注意的是,回调函数是作为主逻辑的参数是可传可不传的,所以,我们要进行健壮性处理,也就是利用逻辑与来进行健壮性的构建。以防止不传回调函数的情况下,出现代码执行错误。
我们在生活中,也会有这样的执行顺序的。我们不确定的是,主逻辑的执行结果,是什么,就先传入一个回调函数,放到回调函数的下面,来进行执行。在主逻辑中,我们可以传入匿名函数来进行回调,这样,就比较满足我们主逻辑的执行结果后的灵活的执行了。这个是回调函数的主要作用。比较灵活的执行,依赖于主逻辑的执行结果。
···
function fn (num,callback) {
for (var i = 0;i < num; i++) {
if ( i > 100) {
callback && callback();
}
}
};
···

 fn (101,function () {
        console.log('想玩什么就玩什么');
});

2: 异步的执行过程,我们需要回调函数来进行保存我们用ajax请求下来是值。还有新语法的Promise/then,我们都可以用这些来进行使用回调函数。

仿ES6 Promise
function Promise () {
this.takes = [];
this.error = function () {
console.log('数据获取失败');
};

 };
3 : 通过call方法,来进行Promise构造函数添加方法.
 (function () {
    this.success = function (result) {
        this.complate('success',result);
    };
    this.error = function (result) {
        this.complate('error',result);
    };
    this.complate = function (type,result) {
        if (this.takes.length > 0) {
            this.takes.shift()[type](result);
        };

     };
    this.then = function (successHanle,errorHanle) {
        this.takes.push({
            success : successHanle,
            error : errorHanle
        });
        return this;
    };

}).call(Promise.prototype);
// test实例
  var promise = new Promise();
  function start () {
       在setTimeout延迟定时器中,我们传入一个回调函数。我们可以通过
     setTimeout来延迟其执行函数,进行模拟ajax请求。
     setTimeout (function () {
          promise.success('数据请求成功了');
             },1000);
             return promise;        
        };
   var callback1 = function (re) {
      console.log(re);
      promise.error('数据请求失败了');
   };
   var callback2 = function (re) {
       console.log(re);
   }
4:执行Promise对象
start().then(callback1,promise.err).then(callback2,promise.err);

这个是回调函数的执行过程,还有事件监听,一旦触发事件,就可以通过回调函数进行事件逻辑的处理或者是操作。这个是比较常见的回调函数的使用场景。事件监听是我们要经常用的是回调函数使用场景。
6 : 在项目中,我们也经常用到的翻页效果,也经常会回调函数的执行逻辑。

1 : function myFn (num1,num2,callback) {
num1 > num2 ? num1 : num2;
// 执行完比较大小的时候,触发回调函数。
callback && callback ();
};
2 : function myFn2 (max,min,callback) {
var num = Math.ceil( Math.random()* (max - min) + min);
callback(num);
}
// 调用函数的执行
myFn2(12,4,function (num2) {
console.log(num2);
});
这些都是我们自定义的回调函数的执行。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,911评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,014评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,129评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,283评论 1 264
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,159评论 4 357
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,161评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,565评论 3 382
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,251评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,531评论 1 292
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,619评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,383评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,255评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,624评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,916评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,199评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,553评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,756评论 2 335

推荐阅读更多精彩内容

  • 本文档内容参考 《JavaScript 闯关记》之函数 函数是一段代码,它只定义一次,但可以被执行或调用任意次。在...
    穿越人海遇见你阅读 990评论 0 1
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,703评论 2 17
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,150评论 0 1
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,615评论 0 6
  • Address:https://www.zybuluo.com/XiangZhou/note/208532 Exp...
    天蠍蒗漫阅读 11,270评论 2 55