当前位置：首页 > news >正文

JavaScript语言介绍

news 2025/7/22 17:03:02

JavaScrip是一门编程语言

浏览器的工作原理

所以得域名都会被解析成ip地址，ip地址就是服务器地址，服务器地址会返回一个html文件，解析html遇到css文件和JavaScript标签就会把相应内容下载下来进行解析。

认识浏览器的内核

浏览器的渲染过程

解析方式通过浏览器内核解析，通过HTMLParser将其转为DOM树，dom中的js代码可对dom树进行操作。
css由cssparser进行解析，生成css规则，css规则与domtree结合生出渲染树render tree，redertree需要布局的设计，生成最终的渲染树

认识JavaScrip引擎

常见的JavaScrip引擎

浏览器内核和JS引擎关系

V8引擎的原理

js代码借助v8引擎，通过解析（词法分析和语法分析）然后生成ast树（抽象语法树），可以将抽象树转为字节码，通过lgnition库转换，也可以通过turboFn将执行对此的函数标为hot函数，然后直接转为机器码，再下次操作发现机器指令发生变化就会进行deoptimization转换成字节码。

解析图

内核Blink会解析html把js下载下来，把js代码给到v8引擎，对编码进行转化，然后进行Scanner，通过Scanner把代码转换成很多tokens，把tokens给到parser，parser将tokens转成ast树，由ignition将其转为字节码，字节码再转为cpu可理解的指令。通过parser时还有个reparser预解析。

V8执行的细节

初始化全局对象

执行上下文栈（调用栈）

GEF被放到ECS中

GEC开始执行代码

代码被解析，v8引擎会创建一个对象，将数据都放入其中。然后开始运行代码，v8为了执行代码，v8引擎内部会有一个执行上下文栈。想要执行的内容都需要放入该栈中，一般在该栈中会放入函数。如果执行的是全局代码，需要全局上下文，其中有个Vo用来放创建的那个对象，然后再将其放入栈中,开始执行就开始一个个按顺序开始赋值。所以当你使用数据时，再他出现前使用，只会显示undefined，不会找不到数据，因为在运行前，所有数据就已经放在创建的对象中了。

遇到函数执行方式

对于全局代码的运行解析，首先在编译阶段会创造出一个go对象也就是全局对象，会把使用的类和创建的变量都放入其中，但是还没赋值，目前的变量的值都是undefined，要对全局代码进行执行时会创建全局上下文，将go放入其中的vo中，运行时在vo的go中找并赋值。
当全局代码中有函数时，函数也会放入go对象中，但是再申请一块空间放该函数的父级作用域，以及函数的执行代码块。根据存储函数空间该函数时会生成函数执行上下文，其中有vo，vo中有ao，ao是存放函数的变量等数据。在这里面的数据目前值都是undefined，然后执行函数代码时就会从vo的ao中寻找相应的所需的内容，也将该赋值的赋值。函数执行完后，函数上下文就会弹出该栈进行销毁
当在该函数没有找到所需的变量就会通过作用域链去父级找