美文网首页
回调函数

回调函数

作者: 倾国倾城的小饼干 | 来源:发表于2018-04-03 09:42 被阅读0次

浏览器的事件轮询

首先js是单线程的,js异步是浏览器事件轮询的结果。
事件轮询的字面意思就是事件循环。
事件轮询的步骤:

  1. 所有同步的任务都在主线程上运行,形成一个执行栈。
  2. 遇到事件、ajax、settimeout时会把它们放入一个叫做‘任务队列’里。遵循先进先出的原则。
  3. 等主线程上的任务完成后,就会把任务队列里面的任务放到主线程上来进行执行。
  4. 主线程不断地执行上面第三步。

同步和异步

同步和异步的定义

同步情况下,后面的代码必须要等到前面的代码执行结束并返回结果才执行。也就是a-b-c。
异步情况下,不等任务执行完,直接执行下一个任务,而异步函数会在新线程中去执行,执行结束后会放在一个回调函数中进行处理。回调函数的作用是获取函数的执行结果,并进行之后的处理。
回调函数与异步
回调函数和同步异步没有任何关系,只是一般会通过回调对异步函数传参,用回调函数来处理异步函数的返回结果而已。
回调的形成:在一个函数中将另一个函数作为参数传入进去并在此函数中对其进行调用。
异步函数与异步:异步函数setTimeout和setInterval是最基础的异步函数。

js中的异步单线程的特性

js并不像其他语言一样具有多线程特性,js是一门严格单线程运行的语言,这就意味着不存在同一时间有多段代码被执行的现象。在某个特定的时刻,永远只有特定代码被执行,并阻塞其他代码。
同时,js又是支持异步特性的语言,异步意味着异步函数又执行后不会立即得到结果,而是等待被调用者来处理回调函数,比如用setTimeout异步函数实现了在一段时间后执行回调函数的异步动作。
异步的单线程之间并不冲突,不冲突的原因是异步本身不是js实现的,而是由浏览器的事件触发线程景一个个异步任务插入到事件队列中再由js单线程来执行。

回调

概念的理解:当用户调用系统的api的时候称之为调用,当系统调用用户自定义的函数时称之为回调。代码的表现形式就是把一个函数a作为参数传入另一个函数b中,在函数b中进行返回调用。

function fn1(m,n){
    return m(n);
}
function m(num){
    return num+10;
}
fn1(m,10)//此处传的是m,而不是m()

如果传的是m()则:

function box(num,sum){
    return num+sum;
}
function sum(num){
    return num+10;
}
box(sum(10),num)//30

类型就是同步回调和异步回调
同步回调

function useless(callback){
    return callback();
}
var a=function callback(){
    return text;
}
useless(a)

异步回调主要用于ajax,事件,setTimeout中。

使用比较器进行排序

对数组[213,23,13,266]中的数字进行排序

var Array=[213,23,13,266]
Array.sort(function(value1,value2){
    return value2-vaule1;
}//数组sort方法的特性就是如果value2-value1是正数的话则两个数调换位置。此处也可以认为是回调。

对数组中的按name进行排序

var data=[{name:'lili',age:'10'},{name:'mary',age:'12'}]
function fn2(m){
    var object1={
        name:'lili',
        age:'10'
    }
    var object2={
        name:'mary',
        age:'12'
    }
    function fn1(obj1,obj2){
    var value1=obj1[m];
    var value2=obj2[m];
    if(value1<value2){
        return 1;
    }else if(value1>value2){
        return -1;
    }else{
        return 0;
    }
}
}

data.sort(fn2('name'))//此处比较的是字符串就是比较的编码值。比较的是name当然要传入name的值。

相关文章

  • JavaScript函数_08回调函数

    回调函数 回调函数(回调),当我们把某个函数作为参数传递给另一个函数的时候,这个函数就是回调函数 回调函数的基本写...

  • Promise

    回调 把一个函数A传给另一个函数B调用,那么A就是回调函数。 回调地狱 回调套回调套回调套回调套回调套回调套回调....

  • 回调函数与promise

    回调 把一个函数A传给另一个函数B调用,那么A就是回调函数 具名回调写法 匿名回调写法 多层嵌套的匿名回调(回调地...

  • 回调函数与promise

    回调 把一个函数A传给另一个函数B调用,那么A就是回调函数 具名回调写法 匿名回调写法 多层嵌套的匿名回调(回调地...

  • javascript回调函数

    javascript回调函数很玄幻。 jquery 中大量使用了回调函数。直到现在才看懂 普通回调函数 匿名回调函...

  • 异步的实现

    异步的三种实现方式: 回调函数事件Promise 回调函数 回调函数不一定是异步 但是异步一定是回调函数。 事件 ...

  • JavaScript系列之回调函数callback

    JavaScript系列之回调函数callback JavaScript回调函数的使用是很常见的,引用官方回调函数...

  • mqtt python包回调分析

    mqtt的python包,回调函数比较复杂,每次在连接之前,需要先实现回调函数,回调函数的传入参数固定 将回调函数...

  • Android使用suspendCancellableCorou

    普通的回调函数: 回调方法,模拟耗时操作 去掉回调,转换为挂起函数:

  • Promise

    回调 把一个函数A传给另一个函数B调用,那么A就是回调函数一个最基本的具名回调匿名回调 回调地狱匿名回调嵌套过多层...

网友评论

      本文标题:回调函数

      本文链接:https://www.haomeiwen.com/subject/agcqhftx.html