首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js --- 执行机制

JS为什么是单线程的?  JS最初被设计用在浏览器中,那么想象一下,如果浏览器中的JS是多线程的。...process1 删除了该dom,而process2 编辑了该dom,同时下达2个矛盾的命令,浏览器究竟该如何执行呢? 2 JS为什么需要异步?...如果JS中不存在异步,只能自上而下执行,如果上一行解析时间很长,那么下面的代码就会被阻塞。 对于用户而言,阻塞就意味着"卡死",这样就导致了很差的用户体验 3 JS线程又是如何实现异步的呢?   ...是通过的事件循环(event loop),理解了event loop机制,就理解了JS执行机制。...,而是延迟了一段时间,满足一定条件后才去执行的,这类代码,我们叫异步代码。

6.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

JS执行机制

JS 是单线程 JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。...这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。 2....于是,JS 中出现了同步任务和异步任务。 同步 前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...同步任务指的是: 在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务; 异步任务指的是: 不进入主线程、而进入”任务队列”的任务,当主线程中的任务运行完了,才会从”任务队列...JS执行机制(事件循环) ? ? 4.

6.8K30

JS执行机制

JS执行机制 以下代码执行的结果是什么?...console.log(1); setTimeout(function () { console.log(3); }, 0); console.log(2); 1.1 JS 是单线程...单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。...于是,JS 中出现了同步任务和异步任务。 同步 ​   前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...他们的本质区别: 这条流水线上各个流程的执行顺序不同。 1.3 JS执行机制(事件循环) 1. 先执行执行栈中的同步任务。 2. 异步任务(回调函数)放入任务队列中。 3.

7.4K20

java 主线程等待子线程执行完后再执行

这里记录一下下面这种情况:主线程需要等待多个子线程执行完后再执行。...: 主线程正在执行前:main 子线程正在执行:Thread-0 子线程正在执行:Thread-1 子线程正在执行:Thread-2 子线程正在执行:Thread-3 子线程正在执行:Thread-4...子线程正在执行:Thread-5 子线程正在执行:Thread-6 子线程正在执行:Thread-7 子线程正在执行:Thread-8 主线程正在执行后:main 子线程正在执行:Thread-9 可以看到...: 主线程正在执行前:main 子线程正在执行:Thread-0 子线程正在执行:Thread-1 子线程正在执行:Thread-2 子线程正在执行:Thread-3 子线程正在执行:Thread-4...子线程正在执行:Thread-5 子线程正在执行:Thread-6 子线程正在执行:Thread-7 子线程正在执行:Thread-8 子线程正在执行:Thread-9 主线程正在执行后:main 或者用

4.5K20

JS执行机制

JS 是单线程 JavaScript语言的一大特点就是单线程,也就是说,同-个时间只能做一件事。...这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。 2....于是,JS 中出现了同步任务和异步任务。 同步 前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...同步任务指的是: 在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务; 异步任务指的是: 不进入主线程、而进入”任务队列”的任务,当主线程中的任务运行完了,才会从”任务队列...JS执行机制(事件循环) ? ? 由于主线程不断的重复获得任务、执行任务、再获取任务、再执行,所以这种机制被称为事件循环( event loop) .

7.4K31

JS执行顺序

javascript给人的直观感受是,从上往下执行,但实际上却不是这样的,先看个例子 1. console.log(test); 2. var test = "你好"; 3. console.log(...因为javascript执行时,在同一个作用域内是先编译再执行 编译的时候会编译 function 和 var 这两个关键词定义的变量,编译完成后从上往下执行并向变量赋值 所以执行第1行时, var test...已经执行过了,所以test不会报错,而test2就会报错 需要注意的是,对 var test 执行编译时,只是先定义了 test 这个变量,并不会把 "你好" 这个值赋给test,而是到第2行时才给test...赋值的,这就是为什么第1行的执行结果是 undefined 对于上面的例子,可以这样理解 //先编译 var 定义的变量 1. var test; //编译完成后,从上到下执行代码 2. console.log...//执行结果是"你好" function test() { console.log("你好"); } 模拟编译执行过程 //找到 function 定义的部分进行编译 //以函数名作为变量名,同时用函数赋值

9.2K60

JavaScript 执行线程图解

谈谈 JavaScript 执行线程 先让我们敲出一些简单的 JavaScript 代码: const num = 3; function addOne(x) { const result = x...+ 1; return result; } const output = addOne(num); 上面的代码没什么让你值得兴奋的,但是可以很好地帮助我们演示执行线程。...当执行 JavaScript 时,代码会逐行(单线程执行,因此在我们的代码中,要被执行的第一行是: const num = 3; 下一个问题是,执行这行代码会发生什么?num 存储在哪里?...num 存储在全局内存/执行上下文中,看起来像这样: ? 显示如何执行第一行的动画 然后进入下一行: function addOne(x) { 请务必注意,我们在这里声明了一个函数,但是还不执行。...原文链接 https://alligator.io/js/thread-of-execution/ ? ? 2020年京程一灯全新课程体系即将推出,请保持关注。

67400

JavaScript 执行线程图解

谈谈 JavaScript 执行线程 先让我们敲出一些简单的 JavaScript 代码: const num = 3; function addOne(x) { const result = x...+ 1; return result; } const output = addOne(num); 上面的代码没什么让你值得兴奋的,但是可以很好地帮助我们演示执行线程。...当执行 JavaScript 时,代码会逐行(单线程执行,因此在我们的代码中,要被执行的第一行是: const num = 3; 下一个问题是,执行这行代码会发生什么? num 存储在哪里?...num 存储在全局内存/执行上下文中,看起来像这样 image.png 然后进入下一行: function addOne(x) { 请务必注意,我们在这里声明了一个函数,但是还不执行。...image.png 我们还为该函数创建一个 execution context (执行上下文)。函数中声明的任何变量都会被添加到函数的执行上下文中。

44120

浅谈JS线程

说是为了避免复杂性,所以JavaScript从诞生就是单线程,将来也不会改变。 因为是单线程,我们开发的时候经常是有一个方法报错了,那么下面的方法也不会执行,这就是单线程。...但是浏览器却又允许多线程执行。 虽然JavaScript是单线程,但是是有子线程存在的。 所以主线程下就会产生一个任务队列,相当于分为了两个任务,一个是同步任务,一个是异步任务。...同步任务,前一个任务执行完毕后,执行后一个任务,形成一个执行栈。 异步任务,也就是任务队列会先执行,有了结果就会返回一个事件,等待主线程读取。...当主线程的同步执行完毕,就是主线程空了,那么就会读取任务队列。任务队列的结构是先进先出,当主线程读取了一个任务队列,那么这个主线程就会继续读取下一个任务队列,循环往复,直到执行完毕所有任务。...while方法,主线程一直死循环,也就没办法执行完毕,那么下一个任务队列的线程就无法执行到。

73620

mongodb执行js脚本(一)---shell执行

mongodb执行js脚本(一)---shell执行 2015年06月09日 10:58:36 张小凡vip 阅读数 21310更多 所属专栏: mongodb基础与运用 版权声明:本文为博主原创文章...js脚本进行复杂的管理 mongodb 的shell是javascript实现的,如果直接使用js实现相应的功能则显得很直观和简便。...比如我们对一些数据进行 统计计算,除了使用mapreduce之外,直接使用js也是很好的选择。...还有一些批处理,数据同步都可以使用js 使用js脚本进行交互的优点与缺点 (1)无需任何驱动或语言支持; (2)方便cron或管理员定时任务; (3)注意点:任然是数据格式的问题;...js脚本一般会用来执行以下任务 (1)备份; (2)调度map-reduce命令; (3)离线报告,离线任务; (4)管理员定时任务; 如何运行一个js脚本 .

9.3K30

java CountDownLatch用法 主线程等待子线程执行完后再执行

这里记录一下下面这种情况:主线程需要等待多个子线程执行完后再执行。...: 主线程正在执行前:main 子线程正在执行:Thread-0 子线程正在执行:Thread-1 子线程正在执行:Thread-2 子线程正在执行:Thread-3 子线程正在执行:Thread-4...子线程正在执行:Thread-5 子线程正在执行:Thread-6 子线程正在执行:Thread-7 子线程正在执行:Thread-8 主线程正在执行后:main 子线程正在执行:Thread-9 可以看到...: 主线程正在执行前:main 子线程正在执行:Thread-0 子线程正在执行:Thread-1 子线程正在执行:Thread-2 子线程正在执行:Thread-3 子线程正在执行:Thread-4...子线程正在执行:Thread-5 子线程正在执行:Thread-6 子线程正在执行:Thread-7 子线程正在执行:Thread-8 子线程正在执行:Thread-9 主线程正在执行后:main 或者用

92010

js 立即执行函数

立即执行函数 目录 立即执行函数 作用 参数 返回值 立即执行函数 立即执行函数模式是一种语法,可以让你的函数在定义后立即被执行。...立即执行函数的组成 定义一个函数 将整个函数包裹在一对括号中 将函数声明转换为表达式 在结尾加上一对括号 让函数立即被执行 代码实例 (function () { console.log("...app") })() 作用 页面加载完成后只执行一次的设置函数。...注意 通常你不应该给立即执行函数传递太多的参数,因为它很快会成为一个负担——为了理解代码是如何工作的,你不得不经常上下滚动源代码。...返回值 就像其它任何函数一样,一个立即执行函数也能返回值并且可以赋值给其它变量。 var num = (function () { return 4 })() console.log(num)

6.1K20

控制多线程执行顺序

示例代码的码云地址:https://gitee.com/suwenguang/test/blob/master/fuxi/src/main/java/多线程/控制多线程的顺序执行/App.java 多线程是为了同步完成多项任务...线程是在同一时间需要完成多项任务的时候实现的。 我们在运行多线程的程序时,假设线程逐一启动的,但是发现线程执行并不是逐一执行的。...大概的思路可以这样子理一下: 程序启动->CPU分配内存给Java进程->Java进程的程序建立线程->进程分配线程空间->线程随机获取CPU执行->线程结束->主线程结束,进程销毁 这里关键是线程是随机获取...CPU执行的 想要控制线程执行顺序应该怎么做?...,提交任务到队列,线程池负责调度,并根据先进先出的规则执行,这样就可以保证线程的顺序执行了。

1.1K30
领券