JavaScript的运行原理

news/2024/10/20 1:00:44

JavaScript代码的执行

◼ JavaScript代码下载好之后,是如何一步步被执行的呢?
◼ 我们知道,浏览器内核是由两部分组成的,以webkit为例:WebCore:负责HTML解析、布局、渲染等等相关的工作;JavaScriptCore:解析、执行JavaScript代码;WebKit|--------------------------|                        |WebCore                 JavaScriptCore
◼ 另外一个强大的JavaScript引擎就是V8引擎。

深入V8引擎原理

◼ 我们来看一下官方对V8引擎的定义:V8是用C ++编写的Google开源高性能JavaScript和WebAssembly引擎,它用于Chrome和Node.js等。它实现ECMAScript和WebAssembly,并在Windows 7或更高版本,macOS 10.12+和使用x64,IA-32,ARM或MIPS处理器的Linux系统上运行。V8可以独立运行,也可以嵌入到任何C ++应用程序中。

V8引擎的架构

◼ V8引擎本身的源码非常复杂,大概有超过100w行C++代码,通过了解它的架构,我们可以知道它是如何对JavaScript执行的:
◼ Parse模块会将JavaScript代码转换成AST(抽象语法树),这是因为解释器并不直接认识JavaScript代码;如果函数没有被调用,那么是不会被转换成AST的;Parse的V8官方文档:https://v8.dev/blog/scanner
◼ Ignition是一个解释器,会将AST转换成ByteCode(字节码)同时会收集TurboFan优化所需要的信息(比如函数参数的类型信息,有了类型才能进行真实的运算);如果函数只调用一次,Ignition会解释执行ByteCode;Ignition的V8官方文档:https://v8.dev/blog/ignition-interpreter
◼ TurboFan是一个编译器,可以将字节码编译为CPU可以直接执行的机器码;如果一个函数被多次调用,那么就会被标记为热点函数,那么就会经过TurboFan转换成优化的机器码,提高代码的执行性能;但是,机器码实际上也会被还原为ByteCode,这是因为如果后续执行函数的过程中,类型发生了变化(比如sum函数原来执行的是number类型,后来执行变成了string类型),之前优化的机器码并不能正确的处理运算,就会逆向的转换成字节码;TurboFan的V8官方文档:https://v8.dev/blog/turbofan-jitJavaScript源码--->parse模块--->转化为AST(抽象语法树)--->lgnition解释器------------------>ByteCode字节码------>执行|                                ||                                ||                                |TurboFan编译器----->优化机械码--->     |数据类型发生改变

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/73631.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

Codeforces Round 979 (Div. 2)题解记录

比赛链接:https://codeforces.com/contest/2030 A. A Gift From Orangutan 肯定最小值和最大值放前面最好,答案得解#include<iostream>#include<string.h>#include<map>#include<vector>#include<set>#include<unordered_set>#include&l…

AI工人操作行为流程规范识别系统

AI工人操作行为流程规范识别系统利用高清监控摄像头覆盖现场作业区域,AI工人操作行为流程规范识别系统通过图像识别和深度学习技术对作业人员的操作行为进行实时分析。AI工人操作行为流程规范识别系统能够准确识别工人的操作行为是否符合作业标准规定的流程和合规SOP,并根据设…

高级程序语言课第三次作业

2024高级语言程序设计:https://edu.cnblogs.com/campus/fzu/2024C 高级语言程序设计课程第三次个人作业:https://edu.cnblogs.com/campus/fzu/2024C/homework/13284 学号:102400115 姓名:洪育豪 作业内容:编写并运行书本第4章4.8编程练习题目中的第2题到第4题,第6题到第8题 编…

传送带下料口堵塞识别检测系统

传送带下料口堵塞识别检测系统利用AI视觉识别算法,传送带下料口堵塞识别检测系统通过现场监控摄像头对传送带的运输物料过程进行实时分析和识别。传送带下料口堵塞识别检测系统能够准确判断下料口是否出现堵塞现象,并及时抓拍有关图像进行记录。传送带下料口堵塞识别检测系统…

React/Vue 实现的前端应用, java/Go/Python 实现的后端应用,前后端分离的应用部署的最佳实践

前后端分离的应用(React 前端 + Java 后端)在部署过程中,需要考虑性能、扩展性、安全性、以及维护方便性等多个方面。下面我将详细介绍前后端分离应用的最佳实践,从架构设计、构建和打包、部署策略、CI/CD 集成、安全性措施等几个角度来描述。 微服务架构图示例壹.总体概述…

gradle配置代理

下载gradle项目 访问:https://start.spring.io/如上图所示,生成代码 配置代理服务器 买个国外的节点,使用 xshell 带代理方式连接,会暴露出 socks://localhost:1080建议开启 BBR 拥塞控制 # 要确保 linux 内核版本是4.9或更高,否则后面不用做了 uname -r # 加载 TCP BBR 模…

《使用Gin框架构建分布式应用》阅读笔记:p88-p100

《用Gin框架构建分布式应用》学习第6天,p88-p100总结,总计13页。 一、技术总结 1.MongoDB CRUD操作 (1)InsertOne(), InsertMany() (2)Find() (3)UpdateOne, UpdateMany() (4)DeleteOne(), DeleteMany() 2.MongoDB primitive p96,recipe.ID = primitive.NewObjectID() 中的…

在blender中打开pmx文件

适用blender版本: 3.6 - 4.0 - 4.1 - 4.2 等 本人使用的blender版本为3.6 和 4.2 这里用3.6作案例下载cats插件在github中查找cats-blender-plugin 比如说这个:https://github.com/absolute-quantum/cats-blender-plugin下载最新的插件 注意: 插件版本只对应相应的blender版本…