最近了解了下前端開發，發現目前可以使用C#、C++等語言進行Web開發，無需額外學習JavaScript，這是因為有了WebAssembly，本文對WebAssembly進行簡單的介紹，為后續研究Blazor奠定基礎，
JavaScript簡介
1993年，NCSA發表了NCSA Mosaic，這是最早流行的圖形介面網頁瀏覽器，
1994年，Mosaic的主要開發人員創立了Netscape公司，目標是做世界第一的網頁瀏覽器，迅速占據了瀏覽器市場，Netscape公司預見到網頁需要變得動態，創始人Mark Andreessen認為HTML需要一種膠水語言，可以很容易的使用它來組裝圖片和插件之類的組件，且代碼可以直接撰寫在網頁標記中，
1995年，Netscape招募了Brendan Eich，他僅用了10天就把JavaScript的原型設計出來了，
隨著Web的快速發展，JavaScript迅速流行起來，Web開發幾乎只能通過JavaScript實作，JavaScript可謂是Web開發的官方語言，世界上的主流瀏覽器均支持JavaScript，它也是世界上大多數網站使用的語言，
JavaScript作業原理
JavaScript是一種腳本語言，它是弱型別的，也是動態型別的，JavaScript是單執行緒的，為了處理并發，JavaScript使用事件回圈與回呼函式，
JavaScript是一種高級的解釋型語言，代碼不進行預編譯，只是將文本格式的代碼發送給瀏覽器，由瀏覽器中的JavaScript引擎解釋執行，因此它的性能是比不上編譯語言的，
當訪問網站時，使用HTTP協議請求JavaScript代碼并將其流式傳輸到瀏覽器，JavaScript代碼開始是保存在記憶體中的一堆字符，首先根據語言的語法決議器將這些字符決議為抽象語法樹(AST)，然后解釋器將AST轉換為可解釋的位元組碼，編譯器再把位元組碼轉換成機器碼，
JavaScript性能優化
JavaScript是一種動態型別語言，變數型別不需要預先定義，也不需要提前編譯，這使得撰寫起來既簡單又快速，但這也意味著JavaScript引擎需要做很多作業，當代碼在頁面上執行時，它必須決議、編譯和優化代碼，
JavaScript的語法太靈活導致大型專案開發困難，且性能不能滿足一些場景的需要，如視頻游戲、視頻編輯、3D渲染或音樂制作等，這些場景需要進行大量計算并且需要高度的性能，這種性能很難從JavaScript中獲得，
曾經許多公司希望通過瀏覽器插件模型來創建替代方案來滿足創建復雜的互動式網頁或應用程式，這些插件中最著名的是Adob??e Flash，它在2000年代初期取得了巨大成功，以及微軟的Silverlight，
插件技術在網路游戲和商業應用中非常流行，但隨著移動端的發展，瀏覽器插件效率低下，史蒂夫喬布斯的“關于Flash的想法”，一封明確指出iPhone和iPad永遠不會支持Adob??e Flash的公開信，引發了插件時代的終結，
各大JavaScript引擎均進行了優化以提升Web體驗，比如2008年谷歌開發的V8引擎，是使用C++撰寫的開源的JavaScript引擎，用在Chrome和Node.js中，為了提升性能，V8將JavaScript代碼直接編譯為更高效的機器碼，跳過使用解釋器生產位元組碼的程序，再加上隱藏類及內斂快取技術，V8比其它JavaScript引擎的性能提升了10倍，但JIT無法對一些代碼進行優化，V8又進行了其它改進，不斷地優化性能，
WebAssembly的誕生
2015年，WebAssembly的作業開始了，來自谷歌、微軟、Mozilla和蘋果的工程師一起為網路創建了一個新的運行時，他們將WebAssembly描述為“適合編譯到Web的新型可移植、大小和加載時間高效的格式”，
WebAssembly是一種可以在現代瀏覽器中運行的新型代碼，它可以將C、C++、Rust等代碼編譯成WebAssembly模塊，它的創建是為了在網路上獲得更好的性能，它是一種低級二進制格式，體積小，因此加載和執行速度很快，
WebAssembly并非旨在完全替代JavaScript，實際上，應用程式使用WebAssembly來執行核心業務邏輯，通過JavaScript互操作層與瀏覽器API互動，可以在JavaScript代碼中呼叫WebAssembly函式，也可以在WebAssembly模塊中呼叫JavaScript函式，
WebAssembly是為速度而設計的，它的二進制檔案比文本JavaScript檔案小得多，由于它們的大小，它們的下載速度更快，這在慢速網路上尤其重要，但隨著網路技術地發展，檔案大小已經不是JavaScript的主要問題，
WebAssembly以二進制形式提供，解碼速度更快，它是靜態型別的，因此與JavaScript不同，引擎不需要在編譯期間推測將使用哪些型別，大多數優化發生在源代碼的編譯期間，甚至在它進入瀏覽器之前，記憶體是手動管理的，就像在C和C++之類的語言中一樣，因此也沒有垃圾收集，所有這些都提供了更好、更可靠的性能，WASM二進制檔案的執行時間僅比相同本機代碼的執行慢20%，
使用WebAssembly，Web開發人員將能夠選擇其他語言，更多的開發人員將能夠為Web撰寫代碼，JavaScript仍將是大多數用例的最佳選擇，但在需要提升性能時，可以選擇使用專門的語言，UI和應用程式邏輯之類的部分可以使用JavaScript，核心功能在WebAssembly中，在優化現有JS應用程式的性能時，可以用更適合該問題的語言重寫瓶頸，
WebAssembly不能直接訪問任何平臺API——DOM、WebGL、WebAudio等，要使用這些API，甚至要在頁面上顯示WebAssembly代碼的輸出，必須通過JavaScript，
WebAssembly的作業原理
JavaScript使用解釋器，解釋器啟動簡單且快速，但執行速度較慢，WebAssembly使用編譯器，編譯器啟動很慢，但執行起來很快，
JavaScript原始碼到達瀏覽器后，先被決議成AST，再將AST解釋成中間代碼，然后提供給JavaScript引擎編譯，WebAssembly不需要這些程序，因為它本身就是中間代碼，
當WebAssembly模塊通過HTTP加載時，必須在執行之前對其進行解碼和編譯，盡管WebAssembly是一種類似匯編的語言，但它仍然必須編譯為底層處理器的機器代碼，解碼WebAssembly比決議JavaScript更簡單、更快；此外，此解碼/編譯步驟可以跨多個執行緒拆分，并且整個程序在模塊仍在下載時開始，這大大減少了下載應用程式代碼和達到峰值執行速度所需的時間，
像C++和Rust這樣的傳統桌面語言也可以相對輕松地編譯成WASM；AutoDesk在幾個月內將其已有35年歷史的C/C++代碼庫移植到WASM，而Google移植了Google Earth，兩者都可以渲染復雜的3D場景并以接近本機的性能運行，Unity游戲引擎也可以在WASM中運行，
WASM得到了Mozilla、Microsoft、Google和Apple開發人員的支持，并且它對現代瀏覽器的支持正在快速發展，與大多數Web標準一樣，它目前由W3C標準組織管理，
參考文獻
維基百科：JavaScript
How JavaScript Engine Works?
What Is WebAssembly? by Colin Eberhardt
WebAssembly: How and why
How JavaScript works: Optimizing the V8 compiler for efficiency
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/353082.html
標籤：.NET技术
上一篇：[WPF] 玩玩彩虹文字及影片
下一篇：for回圈中創建執行緒執行問題