例子：nextTick和setTimeout 谁先输出结果？ 结果是nextTick先输出，因为它是微任务，setTimeout是宏任务nextTick 在vue 源码中是利用 Promise.resolve()实现的。该问题实际就是Promise与setTimeout的区别，本质是Event Loop中微任务与宏任务的区别。 setTimeout 则是宏
转载
2023-06-27 20:09:46
142阅读
# JavaScript 的微任务：构建高效响应的应用
在现代 JavaScript 编程中，事件循环（Event Loop）是一个至关重要的概念。理解事件循环的工作机制对于编写高效、响应迅速的应用尤为重要。在事件循环中，我们可以将任务分为宏任务（Macro Tasks）和微任务（Micro Tasks）。本文将专注于微任务，讨论它们的特性、用途以及代码示例。
## 什么是微任务？
微任务是
### JavaScript微任务有哪些？
JavaScript是一个单线程的编程语言，意味着它在执行任务时是逐个进行的。在这个体系下，微任务（Microtask）是一种在主执行线程空闲时优先处理的任务，它有效地提高了代码的执行效率。了解微任务的工作机制与使用场景，可以帮助开发者更好地管理异步操作。
#### 微任务与宏任务
在JavaScript中，任务被分为宏任务（Macrotask）和
宿主（浏览器）发起的任务我们可以称之为宏观任务（macrotask）；引擎（js）自己也可以发起任务，这个任务就叫做微观任务（microtask）。 一、js宏任务和微任务分别有哪些？1、js宏任务有：<script>整体代码、setTimeout、setInterval、setImmediate、Ajax、DOM事件。2、js微任务有：process.nextTick、Mu
转载
2023-10-20 20:24:58
284阅读
# 理解 JavaScript 中的微任务
作为一名刚入行的开发者，了解 JavaScript 中的微任务（Microtasks）是一项重要的技能。这篇文章将带你深入理解微任务的概念及其实现步骤，并通过具体的代码示例来帮助你掌握这个知识点。
## 微任务的概念
在 JavaScript 中，微任务是相较于宏任务（如 `setTimeout`, `setInterval`）更小的一类任务。微任
写在前面：压力只是暂时的，都会过去，这是我一周以为听到的最顿悟的一句话了吧～ 1.引言 js作为单线程的运行机制，必定有自己的运行顺序，在听了一次分享后，也好奇这种运行的机制到底是什么？ js可分为同步任务和异步任务，对于同步的任务，我们当然知道按照顺序进行执行，但是对于异步的操作，会有一个优先级的执行顺序，分别为宏任务和微任务宏任务(macrotasks)和微
转载
2023-10-18 21:51:36
0阅读
JS再可以创建并使用的对象包括三种类型：本地对象、内置对象和宿主对象。 1 本地对象独立于宿主环境的JS预定义的对象，本地对象实际上是构造函数，用户自定义的对象都是本地对象的具体实例ObjectFunctionArrayReferenceErrorRangeErrorStringSyntaxErrorEvalErrorBooleanTypeErrorErrorNumberUR
转载
2023-06-08 14:59:42
83阅读
JavaScript是一种相当流行、高效、便捷的脚本语言，它在 web 开发中发挥着重要的作用。下面我们来介绍下 JavaScript 常见的运用场景：（1）网页动态效果制作JavaScript 可以用来制作网页的多种动态效果，包括但不限于操作 HTML 元素的显示和隐藏、滚动条滚动位置的调整、背景颜色的改变和字体颜色的改变等，这些效果能够提升用户体验并在网页图像富化方面发挥重要作用。（2）网页交
转载
2023-06-06 11:44:44
941阅读
异步方法中的宏任务与微任务 JS的任务事件执行机制：当执行引擎在主线程方法执行完毕，到达空闲状态时，会从任务队列中按顺序获取任务来执行（task-> task-> task…)；浏览器为了能够使得 JS 内部 task（任务） 与 DOM 任务能够有序的执行，会在一个 task 执行结束后，在下一个 task 执行开始前，对页面进行重新渲染 （task-> 渲染-> tas
转载
2024-01-15 22:05:59
49阅读
javascript的特点（1）用于解释性执行的脚本语言。与其他脚本语言一样，JavaScript也是一种解释性语言，它提供了非常方便的开发过程。JavaScript的基本语法结构与C、C++、Java非常相似。但是在使用之前，与这些语言不同，它们需要先被编译，但是在运行程序的过程中需要逐行解释。javascript与HTML标识符结合使用，方便用户操作。（2）基于对象的脚本语言。它也可以看作是一
转载
2023-08-11 22:53:58
2147阅读
open() 打开一个流，以收集来自任何 write() 或 writeln() 方法的输出。新建文档，覆盖原来的文档内容close() 关闭用 document.open() 方法打开的输出流，并显示选定的数据。write() 向文档写 HTML 表达式 或 JavaScript 代码。writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。getElem
转载
2023-07-01 09:59:38
118阅读
宏任务是由宿主（浏览器、Node）发起的，而微任务由 JS 自身发起。宏任务（Macrotask）大概如下：setTimeout setInterval MessageChannel I/O setImmediate（Node环境） script（整体代码块） 微任务（Microtask）大概如下：MutationObserver（浏览器环
转载
2024-01-13 16:50:59
195阅读
javascript中的继承方式有原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承和寄生组合式继承。其中组合继承是我们平时最常用的一种继承方式。
在javascript中如果想要继承，那么我们就必须先提供一个父类，我们这里以Person来作为父类。下文中所有构造函数名均无实际意义，如Coder、Rocker等，仅用于举例
一、原型链继承
重点：让新实例的原型等于父类的实例。P
原创
2021-07-12 15:40:45
119阅读
条件语句和循环语句是JavaScript的两个重要程序结构
条件语句条件语句（Conditional statement）是JavaScript里面的基本结构之一，程序根据表达式的真假决定执行或者跳过某个分支，于是，条件语句有时候也可以称为“分支语句”1. if & else if & else基本写法如下：if (表达式1) {
转载
2023-07-22 23:24:55
56阅读
在 JavaScript 中，Map对象是一种键值对的集合，类似于对象，但“键”可以是任何数据类型（对象或原始值）。Map提供了多种方法来操作这些键值对。以下是Map。
javascript中易犯的错误有哪些 一、总结 一句话总结： 比如循环中函数的使用 函数中this的指向谁（函数中this的使用） 变量的作用域 1、this.timer = setTimeout(function(){ this.clearBoard(); }, 0);这句话错在哪？ This指
转载
2018-09-04 10:35:00
86阅读
js常用的属性与方法一、常用属性01：返回的是某个对象的索引号lis[i].index = i;
返回的是lis中每一个小li的索引号；
一般得到当前的小li索引号的语法是
this.index01-1：获取属性01：dataset.id
获取自定义属性，比如<li data-id="id">
便可以通过dataset.id来获取02：操作元素01：element.innerHTML
转载
2024-01-20 01:58:24
66阅读
什么是微任务和宏任务? js是一种单线程语言，js中的任务按顺序一个一个的执行，但是如果说一个任务耗时太长的话，后面的任务就要慢慢等待，为了解决这个问题，就将任务分为了同步任务以及异步任务。而异步任务又分为了微任务以及宏任务。 文章目录1、宏任务以及微任务的分类2、执行顺序3、案例案例1案例2案例3 1、宏任务以及微任务的分类1、宏任务 setTimeoout、setInterval 2、微任务p
转载
2024-01-13 04:03:50
0阅读
JavaScript循环语句循环语句就是能够重复执行相同操作的语句。作为JavaScript的基本结构，循环语句在应用开发中经常使用。与if语句一样，循环语句也有两种基本语法形式:while语句和for语句。1. while语句：while(condition){
statements
}while语句在每次循环开始之前都要计算condition表达式。如果为true，则执行循环体的语句；如果为
转载
2023-09-01 14:21:06
61阅读
众所周知javaScript是一门“极像java的语言”，既然与java那么像，甚至可以说就是套用了java的语法，我在上篇文章《javaScript的基本语法大全》中也列出了很多例子，许多语法和java的一模一样。然而，比较java主要作用于后台开发，而javaScript主要作用于前端开发，其应用场景不一致，所面临的问题也不一样，这也就导
转载
2023-09-01 14:56:15
255阅读
