1. 延时器
1s后执行一次
// es5 写法
setTimeout(function () {
console.log(1);
}, 1000);
2. 定时器
每隔1s执行1次
setInterval(function () {
console.log(1)
}, 1000);
3. 清除定时器
定时器返回count(第几个定时器)
var timer = setInterval(function() {
console.log(2)
}, 200)
clearInterval(timer);
4. 定时器中回调函数传参
var timer = setTimeout(function (a, b) {
console.log(a+b); // 5
}, 1000, 2,3);
5. 异步定时器
- 定时器,事件,ajax, promise 的then回调函数 都是异步的
- js是单线程执行的
- 在js中 先执行同步代码,然后执行异步代码
var timer = setTimeout(function () {
console.log(2);
}, 1000);
for(var i = 0; i< 1000; i++){
console.log(1);
}
6. 有名函数
function fn() {
console.log(1)
}
setInterval(fn, 1000);
7. 线程阻塞
前面的任务死循环或者耗时过长导致后面代码不能被执行,这种情况叫做线程阻塞,
这样就会出现问题,所以对于像事件,定时器,ajax请求这种非常耗时的程序.浏览器就会开辟其他的线程来处理,所以这些程序我们叫他异步程序
浏览器有三个常驻线程,JS引擎线程,界面的渲染线程,已经浏览器事件触发线程,还有一些执行完就终止的线程,比如HTTP请求线程
for(var i = 0; i< 5; i++){
setTimeout(function(){
console.log(i)
},1000)
}
8. 同步异步
js的单线程意味着所有的任务需要排队,前一个任务结束,才会执行后一个任务。如果前一个任务耗时很长,后一个任务就不得不一直等着。
所以JS的任务队列分成两种,同步任务,和异步任务,
- 同步任务:在JS主线程排队执行的任务
=> 形成执行栈
- 异步任务:不进入主线程进入”任务队列”的任务
=> 形成任务队列
异步任务只有任务队列通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行