javascript依賴底層javascript引擎的支援。 javascript運行在瀏覽器,主要依靠瀏覽器的js引擎解釋執行js程式碼;JavaScript引擎是一個專門處理JavaScript腳本的虛擬機,一般會附帶在網頁瀏覽器之中,用於解釋和執行js腳本。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
javascript依賴底層js引擎的支援。
javascript運行在瀏覽器,主要依賴瀏覽器的js引擎來解釋執行js程式碼。其他有js引擎的軟體也可以運作js,但一般js和網頁關係較大,所以一般在瀏覽器當中運作。
javascript引擎
JavaScript引擎是一個專門處理JavaScript腳本的虛擬機,一般會附帶在網頁瀏覽器之中,用於解釋和執行js腳本。
著名的js引擎:
Mozilla:SpiderMonkey引擎,世界第一款JavaScript引擎,有C/C 編寫,用於Mozilla Firefox 1.0~3.0版本
Google:V8引擎,由C /彙編語言編寫,用於chrome瀏覽器
微軟:Chakra(查克拉,笑)引擎,用於Internet Explorer 9的32位元版本
瀏覽器核心與JS引擎的關係
以webkit為例:
## V8引擎
1、V8引擎的原理
V8引擎是用C 寫的Google開源高效能的JavaScript和WebAssembly引擎,用於Chrome和Node.js等。 它能夠實現ECMAScript和WebAssembly,並在Windows7或更高版本,macOS 10.12 和使用x64,IA-32,ARM或MIPS處理器的Linux系統上運行。 V8引擎可以獨立運行,也可以嵌入到任何C 應用程式中運行。例如,可以將V8引擎中使用Node.js看做是將V8引擎嵌入到了應用程式中,那麼Node.js就具備了執行JavaScript程式碼的能力。 原理圖:function sum(num1,num2){ num1+num2 }
sum(20,30) sum(28,30)
如果传入数字,调用sum函数,需要做的工作就是对两个数字进行相加,执行的机器指令永远是对这两个数字进行相加.
一旦改变传入值的类型,如果变成字符串,那么这个函数的意思就是两个字符串拼接。
sum("aaa","bbb")
这两种类型的传入值执行“+”操作对应的机器指令是不同的,JavaScript是不会对传入值的类型做检测的,那么还是使用数字相加的机器指令,这次函数调用的结果是不能够使用的。
但是V8引擎中提供了一种解决办法Deoptimization过程,这个过程是,一旦发现在执行机器指令时候,执行的操作不一样的时候,Deoptimization会反向优化,又转化为字节码,执行后续操作。
2、V8引擎的解析图
V8执行的细节:
①、Blink将源码交给V8引擎,Stream获取到源码并且进行编码转换
②、scanner会进行词法分析,词法分析之后会将代码转换为成tokens
③、tokens会被转换为AST树,经过Parser和PreParser:
Parser就是直接将tokens转换为AST树架构;
PreParser预解析,为什么会需要预解析?
1)如上图中的函数outer(),内部有一个函数inner(),但是并没有任何调用inner()的代码,那么就意味着并不是所有的JavaScript代码,都是一开始就被执行。对所有的JavaScript代码进行解析,必定会影响网页的运行效率。
2)V8引擎实现了Lazy Parsing(延迟解析)的方案,作用是将不必要的函数进行预解析,我只需要知道有这么个函数就行,也就是只解析暂时需要的内容,对函数的全量解析在函数被调用的时候才会执行。
3)例如上图中函数outer中的inner函数,它就是会执行预解析。
④、生成AST树之后,会被Ignition转成字节码,之后的过程就是代码的执行过程。
【相关推荐:javascript视频教程、编程视频】
以上是javascript依賴什麼支持的詳細內容。更多資訊請關注PHP中文網其他相關文章!