JS运行原理

最新推荐文章于 2023-03-09 09:53:59 发布
最新推荐文章于 2023-03-09 09:53:59 发布
阅读量116 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43200400/article/details/110127642
版权

JavaScript运行原理

JS是如何被编译的

	js的编译技术 => Just In Time Compilation 仅在运行时编译; 简称JIT
	C++的编译技术 => Ahead Of Time 在运行前就编译成机器代码
js引擎

chrome(谷歌) => v8
webkit(safari) => JavaScriptCore
Mozilla(火狐) => SpiderMonkey

JS源码 抽象语法树AST bytecode(字节码) machine code(机器代码) parser(解析器) interpreter(解释器) compiler(编译器) JS源码 抽象语法树AST bytecode(字节码) machine code(机器代码)

字节码是跨平台的一种中间表示,不同于最终的机器代码,字节码与平台无关,能够在不同的操作系统上运行.

V8引擎的原理

在这里插入图片描述
V8 负责的工作:编译和执行JS代码,处理调用栈,内存的分配,垃圾的回收
一些优化策略
栈:先进后出
队列:先进先出
调用栈:调用栈是JS引擎追踪函数执行流程的一种机制,当执行环境中调用了多个函数时,通过这种机制,我们能够追踪到哪个函数正在执行,执行的函数体又调用了哪个函数.
递归容易导致溢出

时间循环和异步回调

垃圾收集GC

--小猿猿--
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript引擎工作原理
11-25
JavaScript引擎工作原理 JavaScript引擎工作原理 JavaScript引擎工作原理
Js基础知识（四） - js运行原理与机制
weixin_34072637的博客
02-03 276
js运行机制 本章了解一下js的运行原理，了解了js的运行原理才能写出更优美的代码，提高运行效率，还能解决开发中遇到的不理解的问题。 进程与线程 进程是cpu资源分配的最小单位，进程可以包含多个线程。 浏览器就是多进程的，每打开的一个浏览器窗口就是一个进程。 线程是cpu调度的最小单位，同一进程下的各个线程之间共享程序的内存空间。 可以把...
JS运行原理与机制（乾坤未定，你我皆是黑马4-5）
jvhbi的博客
07-06 5856
上一篇讲的是js小游戏 实践了面向对象编程----------易于理解 我们记得小鸟、天空、管子就能记得这个游戏是怎么写出来的 这一篇b格比较高，js运行原理与机制！！！！！ 讲的主内内容就是浏览器的渲染进程 了解，你写的页面，你写的js是怎么运行的 进程与线程 进程是cpu资源分配的最小单位 线程是cpu调度的最小的单位 线程是进程的一个小老弟，大哥有一片天下，一群小弟都可以通过大哥呼风唤雨。单线程就是只有一个小弟，太不装逼了。 浏览器有好几个进程，有好几片天下需要打理，我们做前端的生活在这个渲染进程
JavaScript 运行机制及原理
浮游的博客
03-10 4176
写js也有两年多了，一直对它的运行机制和原理不是很了解，今天特意把大神们的理论和自己的总结都记录到下面： 什么是JavaScript解析引擎 简单地说，JavaScript解析引擎就是能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。 比方说，当你写了 var a = 1 + 1; 这样一段代码，JavaScript引擎做的事情就是看懂（解析）你这段代码，并且将a的值变为2。 学过编译原理的人知道，对于静态语言来说（如Java、C++、C），处理上述这些事情的叫编译器（Compile
JavaScript运行原理分析
10-18
本篇文章给大家从理论详细分析了JavaScript运行原理以及知识点分享，对此有兴趣的学习下吧。
JavaScript程序设计JavaScript运行原理（
11-19
JavaScript是一种广泛应用于网页和网络应用的脚本语言，它的运行原理是理解其核心概念的关键。JavaScript的运行主要包括以下几个阶段：解析、编译、执行上下文和事件循环。 首先，我们来了解一下JavaScript的解析...
01_深入JavaScript运行原理1
08-04
本课程深入探讨JavaScript的运行原理，旨在帮助学员建立起坚实的JavaScript基础。 首先，JavaScript的重要性不言而喻，它是前端开发的基石，无论是传统的网页开发，还是现代的Vue、React、Angular等框架，甚至包括...
新手入门带你学习JavaScript引擎运行原理
10-16
主要介绍了新手入门带你学习JavaScript引擎运行原理,JavaScript引擎是一个专门处理JavaScript脚本的虚拟机，一般会附带在网页浏览器之中。下面我们来详细了解一下吧
【JS进阶】JavaScript运行原理
ZhangYu_010228的博客
03-01 273
因为每个执行上下文都会关联一个VO， 当进入一个函数执行上下文时，会创建一个AO对象（Activation Object），这个AO对象会作为执行上下文的VO来存放变量的初始化，这个AO对象会使用arguments作为初始化，并且初始值是传入的参数。解析的时候会先创建一个全局执行上下文环境，先把代码中即将执行的变量、函数声明拿出来被添加到VO（Variable Object）对象中，变量先赋值为undefined，函数声明好可使用。当全局代码被执行的时候，VO就是GO对象了。（2）函数执行上下文。
js高级之js运行原理
见贤思齐
03-06 1036
js高级之js运行原理1.浏览器渲染过程1.1 下载文件【掌握】1.2 执行文件1.2.1.html css解析【掌握】1.2.2.js代码执行1.2.2.1.为什么需要js引擎1.2.2.2.浏览器内核和JS引擎的关系1.1.2.3.v8引擎的原理【理解】2.js代码执行过程【掌握】2.1.选择代码运行环境2.2.初始化全局对象2.3.执行上下文栈中运行代码2.4.在执行上下文栈中执行全局代码2.5.执行代码，根据代码从上往下依次执行。 1.浏览器渲染过程 1.1 下载文件【掌握】 当我们输入一个网址之后
JS深入JavaScript运行原理
SOLar7SysteM的博客
01-08 1409
抽象语法树—词法分析树网站 https://astexplorer.net/抽象语法树的应用场景很多的。
JavaScript引擎运行原理解析
开心大表哥
09-30 5497
1. 什么是JavaScript解析引擎？ 简单地说，JavaScript解析引擎就是能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。比方说，当你写了 var a = 1 + 1; 这样一段代码，JavaScript引擎做的事情就是看懂（解析）你这段代码，并且将a的值变为2。 “JavaScript 引擎”通常被称作一种虚拟机。 JavaScript 虚拟机是一种进程虚拟...
浅析Javascript运行原理
最新发布
Jerry_zpon的博客
03-09 1096
Javascript是一种广泛应用于网页前端开发的脚本语言。本篇博客将深入探讨Javascript的运行原理，包括Javascript引擎、解释器和编译器、执行上下文、作用域和作用域链、事件循环、内存管理和异步编程等方面。
深入JavaScript的运行原理
m0_51636525的博客
05-31 990
1.初始化全局对象 js引擎在执行代码之前，会在堆内存中创建一个全局对象：Global Object（GO） 该对象（GO） 所有的作用域（scope）都可以访问 里面会包含Date、Array、String、Number、setTimeout、setInterval等 其中还有一个window属性指向自己 2.执行上下文（Execution Contexts） js引擎内部有一个执行上下文栈（Execution Context Stack，简称ECS），它是用于执行代码的调用栈。 全局的代码块
JS的==运算原理
cobek的博客
06-18 174
JS的==运算原理
彻底弄懂 JavaScript 执行机制
ruanhongbiao的专栏
05-16 536
不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论：javascript是按照语句出现的顺序执行的看到这里读者要打人了：我难道不知道js是一行一行执行的？还用你说？稍安勿躁，正因为js是一行一行执行的，所以我们以为js都是这样的：let a...
js中的“==”和“===”的原理及区别
chengkegou8534的博客
06-13 549
两种方法说明问题： 1、全等号===只考虑类型相同的值的比较，不同类型使用===进行比较，返回false 双等号==会先将不同类型的值转换为相同的类型，然后使用全等号进行比较 使用双等号会有两个问题：(1)、转换规则可能不是你期望的那样 ...
Javascript "==" 运算符原理
kent
01-31 488
JavaScript 中的==运算符用以比较两侧的值是否“近似”相等，区别于===的严格相等。 ==可以达到以下效果： null==undefined //true []==false //true []=='' //true [1]=='1' //true 要说明 JavaScript 引擎在计算 == 运算符时做了什么，先要了解几个内部概念和方法。 Type ECM
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值