JavaScript高级(十八)---进程和线程,宏任务和微任务

进程和线程

进程(process):计算机已经运行的程序,是操作系统管理程序的一种方式,我们可以认为,启动一个应用程序,就会默认启动一个进程(也可能是多个进程)。

线程(thread):操作系统能够运行运算调度的最小单位 ,通常情况下它被包含在进程中 ,每一个进程中 都至少启动一个线程来执行应用程序的代码,这个线程被称为主线程

宏任务微任务

宏任务队列(macrotask queue):ajax、setTimeout、setInterval、DOM监听、UI Rendering等

微任务队列(microtask queue):Promise的then回调、 Mutation Observer API、queueMicrotask()等

面试题:

javascript 复制代码
setTimeout(function () {
  console.log("setTimeout1");
  new Promise(function (resolve) {
    resolve();
  }).then(function () {
    new Promise(function (resolve) {
      resolve();
    }).then(function () {
      console.log("then4");
    });
    console.log("then2");
  });
});

new Promise(function (resolve) {
  console.log("promise1");
  resolve();
}).then(function () {
  console.log("then1");
});

setTimeout(function () {
  console.log("setTimeout2");
});

console.log(2);

queueMicrotask(() => {
  console.log("queueMicrotask1")
});

new Promise(function (resolve) {
  resolve();
}).then(function () {
  console.log("then3");
});
相关推荐
摸鱼的春哥7 分钟前
春哥的Agent通关秘籍13:实现RAG查询
前端·javascript·后端
明月_清风13 分钟前
滚动锁定:用户向上翻看历史时,如何阻止 AI 新消息把它“顶”下去?
前端·javascript
明月_清风14 分钟前
当高阶函数遇到 AI:如何自动化生成业务层面的逻辑拦截器
前端·javascript·函数式编程
前端Hardy14 小时前
面试官:JS数组的常用方法有哪些?这篇总结让你面试稳了!
javascript·面试
yuki_uix14 小时前
Props、Context、EventBus、状态管理:组件通信方案选择指南
前端·javascript·react.js
全栈老石15 小时前
手写无限画布4 —— 从视觉图元到元数据对象
前端·javascript·canvas
Leon16 小时前
新手引导 intro.js 的使用
前端·javascript·vue.js
牛奶17 小时前
JS随笔:浏览器 API(DOM 与 BOM)
前端·javascript·面试
牛奶17 小时前
JS随笔:异步编程与事件循环
前端·javascript·面试
牛奶17 小时前
JS随笔:数据结构与集合
前端·javascript·面试