浏览器的事件轮询
首先js是单线程的,js异步是浏览器事件轮询的结果。
事件轮询的字面意思就是事件循环。
事件轮询的步骤:
- 所有同步的任务都在主线程上运行,形成一个执行栈。
- 遇到事件、ajax、settimeout时会把它们放入一个叫做‘任务队列’里。遵循先进先出的原则。
- 等主线程上的任务完成后,就会把任务队列里面的任务放到主线程上来进行执行。
- 主线程不断地执行上面第三步。
同步和异步
同步和异步的定义
同步情况下,后面的代码必须要等到前面的代码执行结束并返回结果才执行。也就是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的值。