浅谈JS线程

线程，对于后端的人来讲是很熟悉的，对于前端，却基本不会注意到。我们都知道JavaScript是单线程的，也就是说，同一个时间只能做一件事。说是为了避免复杂性，所以JavaScript从诞生就是单线程，将来也不会改变。

因为是单线程，我们开发的时候经常是有一个方法报错了，那么下面的方法也不会执行，这就是单线程。但是浏览器却又允许多线程执行。

虽然JavaScript是单线程，但是是有子线程存在的。

所以主线程下就会产生一个任务队列，相当于分为了两个任务，一个是同步任务，一个是异步任务。

同步任务，前一个任务执行完毕后，执行后一个任务,形成一个执行栈。

异步任务，也就是任务队列会先执行，有了结果就会返回一个事件，等待主线程读取。当主线程的同步执行完毕，就是主线程空了，那么就会读取任务队列。任务队列的结构是先进先出，当主线程读取了一个任务队列，那么这个主线程就会继续读取下一个任务队列，循环往复，直到执行完毕所有任务。

不同的是，JavaScript可以进行异步操作，一般一步操作有点击事件、定时器、ajax，所以有可能在读取任务队列的时候要到了规定时间或者是执行完了，主线程才会依次执行这些对应的回调函数。

比如

setTimeout( function(){ while(true){} } , 100);

setTimeout( function(){ alert(9) } , 100);

主线程读取这个定时器的任务后一直在执行while方法，主线程一直死循环，也就没办法执行完毕，那么下一个任务队列的线程就无法执行到。

由于线程机制使用不多，还无法准确理解，只能先写写自己最简单的理解。线程的内容还很多，有轮询、队列、浏览器的线程，这些都是需要一定的理解。

欢迎关注 Coding个人笔记 公众号

转载于:https://juejin.im/post/5c483f24e51d4551b7481f5e