完整高频题库仓库地址：https://github.com/hzfe/awesome-interview
(2) JS的Event Loop是JS的执行机制。深入了解JS的执行,就等于深入了解JS里的event loop
作者： ziwei3749 原文：https://segmentfault.com/a/1190000012806637 首先，请牢记2点： JS是单线程语言 JS的Event Loop是JS的执行机制。深入了解JS的执行，就等于深入了解JS里的event loop 1.灵魂三问：JS为什么是单线程的？为什么需要异步？单线程又是如何实现异步的呢？ 技术的出现，都跟现实世界里的应用场景密切相关的。同样的，我们就结合现实场景，来回答这三个问题。 (1) JS为什么是单线程的？ JS最初被设计用在浏览器中，那么想
那么现在有 2 个进程，process1 process2，由于是多进程的 js，所以他们对同一个 dom,同时进行操作，process1 删除了该 dom，而 process2 编辑了该 dom，同时下达 2 个矛盾的命令，浏览器究竟该如何执行呢？
在线教室中台提供封装了核心能力的教室 SDK，业务方基于教室 SDK 开发面向用户的在线教室 App。最近对教室 SDK 做一次比较大的改动时，我遇到了一个懵逼的问题。这个问题耗费了我 3 天左右时间，让我压力一度大到全身发热。当时虽然解决了问题，但并没有很理解原因。直到一个多月后，才有时间做一些更深入的分析，并写下这篇文章。
看红宝书，重新梳理JavaScript的知识。这部分主要是梳理冷门的知识点(对个人来说是冷门的)
常见的并发模型是并行工作者模型，任务分配给多个工作者，每个工作者完成整个任务，常说的 C 语言的多线程就是这种模型，它的工作模式如下图。
本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。
不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：
最常见的延迟调用与间歇调用，Node环境的立即调用，高频的RAF，以及I/O操作和改UI。这些都是macrotask，事件循环的主要工作就是一轮一轮地检查macrotask queue，并处理这些任务
JS是一门单线程语言，单线程就意味着，所有的任务需要排队，前一个任务结束，才会执行下一个任务。这样所导致的问题是：如果JS执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的觉。为了解决这个问题，JS中出现了同步和异步。他们的本质区别是：一条流水线上各个流程的执行顺序不同。在讲JS任务执行机制前，先要了解一下什么是同步任务与异步任务。
面试题如下，大家可以先试着写一下输出结果，看与正确答案是否有出入，如果大家不能准确的做出答案，可以通过下面对微任务，事件循环，定时器等相关代码执行顺序的讲解，让大家焕然一新。
面试题如下，大家可以先试着写一下输出结果，然后再看我下面的详细讲解，看看会不会有什么出入，如果把整个顺序弄清楚 Node.js 的执行顺序应该就没问题了。
我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。
JS最初被设计用在浏览器中是单线程，因为如果浏览器中的JS是多线程的，会出现下面这个矛盾点：
大力教育的在线教室中台提供封装了核心能力的教室 SDK，业务方基于教室 SDK 开发面向用户的在线教室 App。最近对教室 SDK 做一次比较大的改动时，我遇到了一个懵逼的问题。这个问题耗费了我 3 天左右时间，让我压力一度大到全身发热。当时虽然解决了问题，但并没有很理解原因。直到一个多月后，才有时间做一些更深入的分析，并写下这篇文章。
单线程意味着，JavaScript 在执行代码的任何时候，都只有一个主线程来处理所有的任务。非阻塞则是当代码需要进行一项异步任务时，主线程会挂起这个任务，然后在异步任务返回结果时再根据一定规则去执行相应回调。
无论是浏览器端还是服务端Node.js，都在使用EventLoop事件循环机制，都是基于Javascript语言的单线程和非阻塞IO的特点。在EventLoop事件队列中有宏任务和微任务队列，分析宏任务和微任务的运行机制，有助于我们理解代码在浏览器中的执行逻辑。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它采用事件驱动和非阻塞 I/O 模型，使得 JavaScript 能够在服务器端运行，处理高并发和网络 I/O 密集型任务。Node.js 的事件循环是其核心机制，负责处理异步事件和回调函数。本文将带您深入理解 Node.js 事件循环的内部工作原理。
JS 是单线程执行的，所有 JS 代码都要放在主线程中运行。 如果把异步 IO 等耗时较长的任务也放在主线程中处理，会阻塞后续同步代码的执行，造成卡顿等现象。因此，浏览器等运行环境额外设置了异步处理线程，专门用于处理异步事件。
Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。
主执行栈和任务队列 所有的任务可以分为同步任务和异步任务，同步任务，顾名思义，就是立即执行的任务，同步任务一般会直接进入到主线程中执行；而异步任务，就是异步执行的任务，比如ajax网络请求，setTimeout 定时函数等都属于异步任务，异步任务会通过任务队列( Event Queue )的机制来进行协调
在Vue.js的开发中，循环语句是非常常用的语法之一。通过循环语句，我们可以对数组和对象进行遍历，动态生成重复的HTML元素或执行一系列的操作。本文将详细介绍Vue.js中循环语句的使用方法和相关技巧。
所以像setTimeOut定时任务、ajax请求都是需要一定的时间的，所以一般都是用异步方式，不会阻塞后边代码的执行，而是设置了定时时间之后、或发送了请求之后，就移动到单线程的任务队列的最尾端，等后边执行完之后再执行定时代码或者ajax请求的回调函数内代码。
浏览器中，涉及的异步API有：Promise, setTomeOut,setImmediate
Node 中的事件循环比起浏览器中的 JavaScript 还是有一些区别的，各个浏览器在底层的实现上可能有些细微的出入；而 Node 只有一种实现，相对起来就少了一些理解上的麻烦。
1.最常见的块单位是函数。从现在到将来的“等待”，最简单的方法（但绝不是唯一的，甚至也不是最好的）是使用一个通常称为回调函数的函数
给定的几行代码，我们需要知道其输出内容和顺序。JavaScript是一门单线程语言，但有其独特的线程机制 热身代码： setTimeout(function(){ console.log('定时器开始啦') }); new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i++){ i == 99 && resolve(); } }).then(fu
当 Vue.js 用 v-for 正在更新已渲染过的元素列表时，它默认用 “就地复用” 策略。如果数据项的顺序被改变，Vue将不是移动 DOM 元素来匹配数据项的顺序， 而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。
原先，我们有一篇文章，简单描述了 JS (Event Loop)事件循环 和 (Call Stack) 调用堆栈。从宏观角度，分析浏览器中事件循环的运行机制。
在程序执行过程中，每一条代码执行的顺序对程序执行的结果有直接的影响，有时我们需要通过控制代码的执行顺序来实现我们所要执行的操作，这就是流程控制，简单来说就是控制代码的执行顺序，来达到影响执行结果的目的。
在上一篇文章在chromev8中的JavaScript事件循环分析中分析到，在chrome中的js引擎是通过执行栈和事件队列的形式来完成js的异步操作。然而在node中，事件循环表现出的状态与浏览器中大致相同。不同的是node中有一套自己的模型。node中事件循环的实现是依靠的libuv引擎。我们知道node选择chrome v8引擎作为js解释器，v8引擎将js代码分析后去调用对应的node api，而这些api最后则由libuv引擎驱动，执行对应的任务，并把不同的事件放在不同的队列中等待主线程执行。 因此实际上node中的事件循环存在于libuv引擎中。
Node.js 做为 JavaScript 的服务端运行时，主要与网络、文件打交道，没有了浏览器中事件循环的渲染阶段。
本篇博客讲的东西偏底层，较难理解。虽然有的地方不够精准和全面，但是我觉得对于理解js中的异步来说已经够了，所以没有再深究一些概念（比如浏览器在这个过程中充当的角色）。
一、背景 对vue里的nextTick()方法理解不清晰，会导致api代码滥用的现象，我查看了vue官网的说明： Vue.nextTick()用于在下次 DOM 更新循环结束之后执行延迟回调。 问题来了，怎么确定下次DOM更新循环结束的时间点呢？ 二、Vue.nextTick源码探索 先看Vue.nextTick()源码[1]的实现方式。next-tick.js源码主要包含callbacks、pending、timerFunc、flushCallbacks四个变量： callbacks，一个用于接收V
我们面试的时候经常会问到事件循环，也就是event loop。很多时候我们都是一脸懵，我们通常会背关于事件循环的面试题，讲给面试官的时候自己都不知道自己在讲什么，可能面试官也不太了解事件循环，只是看别人都这么问。那么，仔细了解一下事件循环吧，对以后的编程真的会有帮助的。
在「vue」框架中，如果需要遍历渲染模板数据，那么就需要使用v-for命令，其中还有随之而来的「key」问题，下面来看看如何基本使用、以及问题解决！！
Hello，大家好，今天给大家带来的是Event Loop（事件循环）专题。
JS是单线程的，每次只能做一件事情。像以下这种情况，代码会按顺序执行，这个就叫同步。
首先分析宏任务和微任务的运行机制，并针对日常开发中遇到的各种宏任务&微任务的方法，结合一些例子来看看代码运行的顺序逻辑，把这部分知识点重新归纳和梳理。
队列是 Node.js 中用于有效处理异步操作的一项重要技术。在本文中，我们将深入研究 Node.js 中的队列：它们是什么，它们如何工作（通过事件循环）以及它们的类型。
通过对以下 10 个面试题的分享，助您更好的理解 Node.js 的事件和 EventLoop 相关知识
由于js的代码逻辑越来越重，一个js文件可能会有上千行，十分不利于开发与维护。最近正在把逻辑很重的js拆分成模块，在一顿纠结是使用requirejs还是seajs的时候，最终还是偏向于requirejs。毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档，仍然遇到不少的问题，比如jquery-ui的使用。 下面就循序渐进的讲解一下我遇到的问题，以及解决的办法。 关于AMD和CMD的理解 AMD（异步模块定义）的典型就是requirejs，而CMD（通用模块定义）的典型是淘宝的seajs。 他
当时的我是一脸懵逼的，因为从来都没有听过这个专业名词。不过面试官还是很友好的，他说没关系，那你来做一道题，看看下面这段代码的执行结果是什么？
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
