站長資訊網
        最全最豐富的資訊網站

        javascript依賴于什么支持

        javascript依賴于底層javascript引擎的支持。javascript運行在瀏覽器,主要依靠瀏覽器的js引擎解釋執行js代碼;JavaScript引擎是一個專門處理JavaScript腳本的虛擬機,一般會附帶在網頁瀏覽器之中,用于解釋和執行js腳本。

        javascript依賴于什么支持

        前端(vue)入門到精通課程:進入學習
        API 文檔、設計、調試、自動化測試一體化協作工具:點擊使用

        本教程操作環境: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為例:

        javascript依賴于什么支持

        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代碼的能力。

        原理圖:

        javascript依賴于什么支持

        ①、Parse模塊會將JavaScript代碼轉換成AST,這是因為解釋器并不直接認識JavaScript代碼。如果函數沒有被調用,是不會被轉換為AST的

        ②、Ignition是一個解釋器,會將AST轉換為ByteCode。同時會收集TurboFan優化所需的信息(比如函數參數的類型信息,有了類型才能真實的運算)。如果函數只調用一次,Ignition將AST轉換為ByteCode

        ③、為什么最后轉化為字節碼,而不是直接轉化為機器碼?

        因為JS代碼在什么樣的環境下執行并不固定,有可能是使用Windows環境、或者是mac環境、或者是Linux環境的瀏覽器上,也可能是在Node.js中,環境不固定,不同環境中就會有不同的CPU,不同的CPU擁有不同的CPU架構,不同的架構能夠執行的機器指令是不一樣的。

        javascript依賴于什么支持

        轉化為V8引擎規定好的字節碼,不管在什么環境下都可以執行,是跨平臺的,最后V8引擎會把字節碼轉化匯編指令,再轉化為不同環境對應的CPU指令。

        但是每次都走這套流程,還是不夠方便。比如有一個函數是重復使用的,但是使用前面一套流程,每次使用這個函數的時候,都需要被轉化為字節碼,然后再變為CPU指令,性能比較低,如果可以直接將這個函數變為機器指令保存下來,使用這個函數的時候,直接運行機器指令,性能比較高,但是如果這個函數只運行一次,就沒有必要轉化變為機器代碼保存下來,會浪費空間。

        ④、使用TurboFan庫,是一個編譯器,會將字節碼編譯為CPU可以直接執行的機器碼,他可以利用ignition來收集函數的執行信息,了解到哪些函數執行次數比較多,會將這類函數標記為hot ,熱函數,然后就會將這個函數轉換為優化之后的機器指令,以后再使用這個熱函數的時候,不需要上面繁瑣的過程,直接執行機器指令就行。

        但是實際上機器碼也會被還原為ByteCode,這是因為如果后續執行函數的過程中,類型發生改變,之前優化的機器碼并不能正確地處理運算,就會逆向的轉換為字節碼。

        ⑤、Deoptimization: 比如有一個函數

        function  sum(num1,num2){    num1+num2 }
        登錄后復制

        調用sum函數

        sum(20,30) sum(28,30)
        登錄后復制

        如果傳入數字,調用sum函數,需要做的工作就是對兩個數字進行相加,執行的機器指令永遠是對這兩個數字進行相加.
        一旦改變傳入值的類型,如果變成字符串,那么這個函數的意思就是兩個字符串拼接。

        sum("aaa","bbb")
        登錄后復制

        這兩種類型的傳入值執行“+”操作對應的機器指令是不同的,JavaScript是不會對傳入值的類型做檢測的,那么還是使用數字相加的機器指令,這次函數調用的結果是不能夠使用的。

        但是V8引擎中提供了一種解決辦法Deoptimization過程,這個過程是,一旦發現在執行機器指令時候,執行的操作不一樣的時候,Deoptimization會反向優化,又轉化為字節碼,執行后續操作。

        2、V8引擎的解析圖

        javascript依賴于什么支持

        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轉成字節碼,之后的過程就是代碼的執行過程。

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 无码人妻精品一区二区三区在线| 精品熟女少妇av免费久久| 日韩精品无码永久免费网站| 精品福利资源在线| 亚洲AV永久无码精品成人| 国产精品一级AV在线播放| 国产成人精品天堂| 人妻少妇精品视频一区二区三区| 久久久久亚洲精品天堂久久久久久 | jizz国产精品网站| 亚洲中文字幕久久精品无码APP | 久久青青草原精品国产软件| 精品视频在线v| 99久久99久久久精品齐齐| 老司机67194精品线观看| 最新国产精品拍自在线观看| 日韩精品视频在线观看免费| 久久e热在这里只有国产中文精品99| 一级成人精品h| 四虎国产精品永久一区| 欧美精品国产精品| 欧美精品人爱c欧美精品| 国产成人精品日本亚洲专| 91精品在线看| 999久久久无码国产精品| 国产精品国产三级国产av品爱网 | 99久久99久久精品国产| 亚洲国产精品一区二区久久| 久久精品成人免费网站| 欧美精品亚洲精品日韩1818| 久久精品国产亚洲麻豆| 亚洲国产成人精品不卡青青草原| 精品一区二区久久| 中文字幕亚洲综合精品一区| 91精品国产91久久久久久| 国产2021久久精品| 国产精品麻豆入口| 日韩精品一区二区午夜成人版| 亚洲精品国产综合久久一线| 综合人妻久久一区二区精品| 无码精品人妻一区二区三区漫画 |