定时器以及同步异步代码

定时器 - 代码中有两种跟时间相关的操作

1.让一段代码可以延迟一段时间执行

 语法：

window.setTimeout(函数, 毫秒数)

延迟 毫秒 调用 - 让函数中的代码延迟 毫秒 执行

返回当前页面中第几个定时器 - 用他来停止定时器 - clearTimeout(定时器的返回值)

让一个数字，在1秒以后，自增并输出

var a = 0

 var b = setTimeout(function() {

     a++

     console.log(a);

}, 1000)

 

 var a = 666

 var b = setTimeout(function() {

    console.log(a);

 }, 3000)

 console.log(b); // 1 - 这是当前页面中的第1个定时器

 btn.onclick = function() {

     让这个定时器停止

     clearTimeout(b)

}

 2.让一段代码每隔一段时间就执行一次，不停的执行下去

语法：

window.setInterval(函数, 毫秒数)

每隔 毫秒 就让函数调用一次，再隔 毫秒 函数就再执行

返回值代表当前页面中的第几个定时器 - 停止定时器时使用 - clearInterval(返回值)

var a = 0

var b = setInterval(function() {

    a++

    console.log(a);

}, 1000)

console.log(666, b);

btn.onclick = function() {

    停止定时器

    clearInterval(b)

}

---

首先，不同于其他后端语言，javascript语言是单线程机制。所谓单线程就是按次序执行，执行完一个任务再执行下一个。对于浏览器来说，也就是无法在渲染页面的同时执行代码。于是，所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。
同步任务
同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；

异步任务
异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。
js异步操作包括：

1. 定时器
2. 事件绑定
3. 回调函数可以理解为异步（不是严谨的异步操作）
4. AJAX中一般我们都采取异步操作（也可以同步）
5. new Promise中的resolve()

同步和异步运行机制
（1）所有同步任务都在主线程上执行，形成一个执行栈（execution context stack）。
（2）主线程之外，还存在一个"任务队列"（task queue）。只要异步任务有了运行结果，就在"任务队列"之中放置一个事件。
（3）一旦"执行栈"中的所有同步任务执行完毕，系统就会读取"任务队列"，看看里面有哪些事件。那些对应的异步任务，于是结束等待状态，进入执行栈，开始执行。
（4）主线程不断重复上面的第三步。
只要主线程空了，就会去读取"任务队列"，这就是JavaScript的运行机制。这个过程会不断重复。