JS中的两种编程思想:同步、异步
JS是单线程的->JS就是个傻子,脑子一根筋,做着当前的这件事情,没有完成之前,绝对不会做下一件事情
2、异步->规划要做一件事情,但是不是当前立马去执行这件事情,需要等一定的时间,这样的话,我们不会等着它执行,而是继续执行下面的操作,‘只有当下面的事情都处理完成了’,才会反过头处理之前的事情;如果下面的事情并没有处理完成,不管之前的事情有没有到时间,都踏踏实实的给我等着
本文转自: http://www.cnblogs.com/diasa-fly/p/7129189.html
JS是单线程的->JS就是个傻子,脑子一根筋,做着当前的这件事情,没有完成之前,绝对不会做下一件事情
1、同步->上一件事情没有完成,继续处理上一件事情,只有上一件事情完成了,才会做下一件事情(JS中大部分都是同步编程的)
for(var i = 0;i<100000;i++){
if(i==99999){
console.log('循环结束了');
}
}
console.log('ok')
for循环就是同步编程的,只有循环结束后,才会执行下面的代码。
while(1){}
console.log('ok')
上面代码的ok永远不会输出,因为上面的循环是死循环,循环永远都不会结束
2、异步->规划要做一件事情,但是不是当前立马去执行这件事情,需要等一定的时间,这样的话,我们不会等着它执行,而是继续执行下面的操作,‘只有当下面的事情都处理完成了’,才会反过头处理之前的事情;如果下面的事情并没有处理完成,不管之前的事情有没有到时间,都踏踏实实的给我等着
在JS中异步编程只有四种情况:定时器都是异步编程的、所有的事件绑定都是异步编程的、Ajax读取数据的时候,我们一般都设置为异步编程、回调函数也是异步编程的
var n = 0;
window.setTimeout(function(){
n++;
console.log(n)//1 (2)
},1000)
console.log(n)//0 (1)
var n = 0;
window.setTimeout(function(){
n++;
console.log(n)//1 (1)
},0)
console.log(n)//0 (0)
设置定时器为0的时候,为什么结果还是一样的呢?
因为每一个浏览器对于定时器的等待事件都有一个最小的值,谷歌:5~6ms IE:10~13ms,如果设置的等待时间小于这个值,不起作用,还是需要等到最小时间才执行的;尤其是写0也不是立即执行。
var n = 0;
window.setTimeout(function(){
n++;
console.log(n)//不执行
},0)
console.log(n)//0
while(1){//死循环
n++;
}
console.log(n)//不执行的
var n = 0;
window.setTimeout(function(){
n+=2;
console.log(n)//7 (4)
},20)
window.setTimeout(function(){
n+=5;
console.log(n)//5 (3)
},5)
console.log(n);//0 (1)
for(var i = 0;i<10000000;i++){
}
console.log(n);//0 (2)
下图是任务队列的详解
下面的代码也可以用异步的思想解释原理:因为绑定事件是异步的,所以循环会一直进行下去,当点击的时候i已经变成了oLis.length
for(var i = 0;i<oLis.length;i++){
oLis[i].onclick = function(){
tabChange(i);
}
}
本文转自: http://www.cnblogs.com/diasa-fly/p/7129189.html