先出道题，如果大家能答对，那可以关掉页面了。 单线程就是同一个时间只能做一件事。多线程就是同一个时间可以做很多事情。 JavaScript是单线程的。举个很简单的例子你就明白了，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点…

在读这篇文章之前可以看一下我之前写的JavaScript到底是怎么执行的🔥。在里面已经有简单的提到Promise在JavaScript的执行情况。 那么我们来点稍微复杂的题目看一下。 在看一个更复杂的题目。 还是老样子，如果大家能答对，那可以关掉页面了。 要了解ES6中Pro…

毋庸置疑，大家都很了解js是一门单线程语言，这也就说明JS无法进行多线程，但是JS中异步的功能完全可以模拟多线程，而且效果还杠杠滴。当然，如果想完全理解异步，首先要了解JS的运行核心——事件环（Event Loop），下面分两部分理解事件环： 图虽然有些乱，但是我们只需关心ti…

说到JavaScript的原型和原型链，相关文章已有不少，但是大都晦涩难懂。本文将换一个角度出发，先理解原型和原型链是什么，有什么作用，再去分析那些令人头疼的关系。 JavaScript中一切引用类型都是对象，对象就是属性的集合。 Array类型、Function类型、Obje…

我在学习浏览器和NodeJS的Event Loop时看了大量的文章，那些文章都写的很好，但是往往是每篇文章有那么几个关键的点，很多篇文章凑在一起综合来看，才可以对这些概念有较为深入的理解。 于是，我在看了大量文章之后，想要写这么一篇博客，不采用官方的描述，结合自己的理解以及示例…

1. JS基础知识深入总结 2. 对象高级 3. 函数高级 4. 事件对象与事件机制 暂时会对以上四个专题去总结，现在开始Part4: 事件对象与事件机制。下图是我这篇的大纲。 同步(Synchronous)：你在做一件事情，不能同时去做另外一件事。 异步(Asynchrono…

之前在GitHub上看到Yang JingZhuo 的一篇 “从event loop规范探究javaScript异步及浏览器更新渲染时机”的文章，打开了对event loop的新的见解。故在其文章的基础上进行化简和修改得到这份输出笔记。 1. 异步与EventLoop的关系 首…

详细介绍了浏览器中的 microtask 和 macrotask 的区别，如果你感到疑问，欢迎留言讨论。另外由于博主水平有限，所以如果文章中有错误的地方，恳请斧正！

现在面对日常工作时，总避免不了面对异步操作带来的一些麻烦。在时代演变的过程中，处理异步的方法有许多种：回调函数、Promise 链式语法、Generator 函数到现在比较流行的 async 函数。那什么是 async 呢？ async 函数是 Generator 函数的语法糖…