JS工作原理

Posted 2021-01-17

JS工作原理

一
浏览器组成可分两部分：Shell+内核。
浏览器内核又可以分成两部分：渲染引擎(layout engineer或者Rendering Engine)和JS引擎。
渲染引擎功能作用
渲染引擎，负责对网页语法的解释（如html、javascript）并渲染网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法 的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

浏览器内核分成两部分渲染引擎和js引擎，由于js引擎越来越独立，内核就倾向于只指渲染引擎
渲染引擎是一种对HTML文档进行解析并将其显示在页面上的工具

渲染引擎：

　　　　firefox使用gecko引擎

　　　　IE使用Trident引擎

　　　　2015年微软推出自己新的浏览器，原名叫斯巴达，后改名edge,使用edge引擎

　　　　opera最早使用Presto引擎，后来弃用

　　　　chromesafariopera使用webkit引擎

　　　　13年chrome和opera开始使用Blink引擎

js引擎：

　　　　老版本IE使用Jscript引擎

　　　　IE9之后使用Chakra引擎

　　　　edge浏览器仍然使用Chakra引擎

　　　　firefox使用monkey系列引擎

　　　　safari使用的SquirrelFish系列引擎

　　　　Opera使用Carakan引擎

　　　　chrome使用V8引擎。nodeJs其实就是封装了V8引擎

JS与宿主环境的关系：

浏览器端（API：操作浏览器，DOM网页元素，WEB实现互联网的各种功能）
服务器端（文件操作API，网络通信）

前端使用方式：
1：行内添加事件
2：script标签直接写js代码
3：外部引入js文件