定时器

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的任务队列分成两种,同步任务,和异步任务,

1. 同步任务：在JS主线程排队执行的任务

​ => 形成执行栈

2. 异步任务：不进入主线程进入”任务队列”的任务

​ => 形成任务队列

异步任务只有任务队列通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行