JS中的异步编程

JS中的同步编程和异步编程

• 同步编程：任务是按照顺序依次处理，当前这件事没有彻底做完，下一件事是执行不了的
• 异步编程：当前这件事没有彻底做完，需要等待一段时间才能继续处理，此时我们不等，继续执行下面的任务，当后面的任务完成后，再去把没有彻底完成的事情完成
• JS中常见的异步编程方式
  1.所有的事件绑定都是异步编程 xxx.onclick=function(){}
  2.所有的定时器都是异步编程 setTimeout(function(){},1000)
  3.AJAX中一般都使用异步编程处理
  4.回调函数也算是异步编程
  5.Promise(async/await)
  6.process.nextTick
  7.Node中fs可以进行异步的I/O操作

定时器：设定一个定时器，并且设定了等到的时间，当到达执定的时间，浏览器会把对应的方法执行

• 常用的定时器

  • setTimeout([function],[interval])
  • setInterval([function],[interval])
  • [function]：到达时间后执行的方法（设置定时器的时候方法没有执行，到时间浏览器帮我们执行），[interval]：时间因子（需要等到的时间 MS）
  • setTimeout是执行一次的定时器，setInterval是可执行多次的定时器

• 清除定时器

  • clearTimeout / clearInterval：这两个方法中的任何一个都可以清除用任何方法创建的定时器
    1.设置定时器会有一个返回值，这个值是一个数字，属于定时器的编号，代表当前是第几个定时器（不管是基于setTimeout还是setInterval创建定时器，这个编号会累加）
    2.clearTimeout([序号])/clearInterval([序号])：根据序号清除浏览器中设定的定时器

let count = 0;
let timer = setInterval(() => {
    count++;
    console.log(count);    // 1 2 3 4 5
    if (count === 5) {
        //=>清除定时器
        clearTimeout(timer);
    }
}, 1000);
console.log(timer);    // 1

回调函数：把一个函数A当做实参专递给另外一个函数B，在B方法执行的时候，把A执行了，这种机制叫做 “回调函数机制”

1.根据需求回调函数可以被执行N多次
2.不仅可以把回调函数执行，还可以给传递的回调函数传递实参，这样在回调函数中设置形参（或者使用ARG）接收即可
3.还可以改变回调函数中的THIS指向
4.可以在宿主函数（它在哪执行的，它的宿主函数就是谁）中接收回调函数执行的返回结果

浏览器是如何规划同步异步机制的

1.浏览器是多线程的，JS是单线程的（浏览器只给JS执行分配一个线程）：单线程的特点就是一次只能处理一件事情
2.JS在单线程中实现异步的机制，主要依赖于浏览器的任务队列完成的。浏览器中有两个任务队列（主任务队列、等待任务队列）
3.在主任务队列自上而下执行的过程中，如果遇到一个异步操作任务，不会立即执行，而是将其放至等待任务队列中进行等待
4.当主任务队列中的任务完成之后，才会到等待任务队列中进行查找任务
5.等待任务队列中谁先达到条件了（假设寻找时，多数都达到条件了，则先达成条件的优先），就把该任务重新放到主任务队列中执行，执行完毕后再去等待队列中查找，以此类推