回调函数

浏览器的事件轮询

首先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的值。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近本人对于js的运行机制,特别是异步,还有回调函数感觉很乱,于是参考了很多有用的博客(博客原文地址会在文末给出)...
    一包阅读 4,690评论 0 2
  • 大家好,我是IT修真院成都分院第09期学员。今天分享的内容是js中回调函数? 1.背景介绍 在我们接触ajax,与...
    我要夏天_11ec阅读 3,138评论 0 2
  • js同步异步以及回调函数 1.背景介绍 什么是同步,什么是异步? 同步指的是一次只能完成一件任务。如果有多个任务,...
    慕瑾大大阅读 4,193评论 0 4
  • 8 马龙早上起的急,抓了衣服就往头上套,张继科欲言又止好几次都没注意,吃了早饭就往局里赶。一阵注目礼之后,马龙还是...
    二二的肉阅读 4,724评论 0 0
  • 一、显示隐藏文件1、终端输入defaults write com.apple.finder AppleShowAl...
    夜未殇阅读 2,532评论 0 1