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

js --- 执行机制

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

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

    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

    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

    python 基础认识,弱类型,解释执行

    int age = 0; // java 声明一个整数型的变量 var age = 0; //js 声明一个变量 age 不指定数据类型。...age = 0; // python 直接声明 解释执行 第二个特点是它属于「解释执行」类型语言。就如开头我们所说会进入 python 解释器模式,而这个解释器就是用来解释 python 语言的。...而在转换的过程中有两种实现方式:第一种就是:先编译好在执行。第二种就是:执行的过程中再编译,即:边执行边编译。 所以先编译好再执行的对应的就是「编译执行」,边执行边编译的就是「解释执行」。...而像 Python、JavaScript 这类语言属于「解释执行」,它们的优点在于跨平台,不管在window 还是其他平台都可以执行。但缺点就是每次执行都会编译所以速度慢。...python 代码的执行步骤大概是: 开头说 python 的解释器,我们写的每一行 python 代码都是由它负责,解释器由一个编译器和一个虚拟机构成,编译器负责将源代码转换成字节码文件,而虚拟机负责执行字节码

    74020

    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.4K30

    js 立即执行函数

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

    6.2K20

    深入浅出JVM(七)之执行引擎的解释执行与编译执行

    深入浅出JVM(七)之执行引擎的解释执行与编译执行 本篇文章围绕执行引擎,深入浅出的解析执行引擎中解释器与编译器的解释执行和编译执行执行引擎的执行方式、逃逸分析带来的栈上分配、锁消除、标量替换等优化以及即时编译器编译对热点代码的探测...执行引擎 hotspot执行引擎结构图 执行引擎分为解释器、JIT即时编译器以及垃圾收集器 执行引擎通过解释器/即时编译器将字节码指令解释/编译为对应OS上的的机器指令 图片 本篇文章主要围绕解释器与即时编译器...,垃圾收集器将在后续文章解析 解释执行与编译执行 Java虚拟机执行引擎在执行Java代码时,会有两种选择:解释执行和编译执行 解释执行:通过字节码解释器把字节码解析为机器语言执行 编译执行:通过即时编译器产生本地代码执行...(解释执行) 或优化器(即时编译器)优化代码最后生成目标代码 (编译执行执行引擎流程图 解释器与编译器 解释器 作用: 对字节码指令逐行解释 优点: 程序启动,解释器立即解释执行 缺点: 低效 即时编译器...;最后都没有就使用解释执行 总结 本篇文章将围绕执行引擎,深入浅出的解析执行引擎中的解释器、即时编译器各自执行的优缺点以及原理 执行引擎由解释器、即时编译器、垃圾收集器构成,默认情况下使用解释器与编译器的混合方式执行

    9621

    JVM基于栈的解释执行原理

    通过下面这段代码来解释JVM基于栈的执行原理 4. public static int add(int a, int b) { 5. int c = 0; 6. c = a + b; 7....指令0执行后:局部变量表中有两个数字10、和20,操作数栈一个值0,程序计数器指向第0行字节码指令 0: iconst_0 //将int值0压栈 指令1执行后:局部变量表中有三个数字10、20和...10,程序计数器指向第2行字节码指令 2: iload_0 //将局部变量表中第一个变量10压栈 指令3执行后:局部变量表中有三个数字10、20和0,操作数栈两个值10和20,程序计数器指向第...//将操作数栈顶两个int数弹出10和20,相加后再压入栈中 指令5执行后:局部变量表中有三个数字10、20和30,操作数栈没有值,程序计数器指向第5行字节码指令 5: istore_..._2 //将局部变量表中第三个变量压栈 指令7执行后:将栈中的数字返回给调用方法,并销毁此栈帧 7: ireturn //返回栈中数字30

    83970

    JS异步执行,Promise用法

    值得注意的是,Promise新建后就会立即执行。...执行顺序   接下来我们探究一下它的执行顺序,看以下代码: let promise = new Promise(function(resolve, reject){ console.log("AAA...表明,在Promise新建后会立即执行,所以首先输出 AAA。然后,then方法指定的回调函数将在当前脚本所有同步任务执行完后才会执行,所以BBB 最后输出。...特点体现在以下四点: 内置执行器 更好的语义 更广的适用性 返回值是 Promise await   顾名思义,等待。正常情况下,await命令后面是一个 Promise 对象,返回该对象的结果。...Promise优缺点 优点 缺点 解决回调 无法监测进行状态 链式调用 新建立即执行且无法取消 减少嵌套 内部错误无法抛出

    5.4K30
    领券