除了async速度翻10倍JavaScript 還帶來了什麼?
今天的JavaScript 已經無處不在了,以傳統的方式使用JavaScript,開發者可以在各種Web 瀏覽器中創建Web 應用;通過Node.js,可以開發命令行工具與服務器等應用;而在桌面領域,通過基於JavaScript 與HTML、CSS 等Web 技術的Electron 框架可以構建跨平台桌面應用;React Native 則可以用來開發跨平台移動應用;此外,JavaScript 甚至可以在IoT 設備上運行。
Ecma TC39 管理著ECMAScript 生態的發展,它是當前JavaScript 語言背後的標準,谷歌V8 團隊一直積極參與JavaScript 相關標準化工作。
V8 是谷歌開源的 JavaScript 引擎(同時也是WebAssembly 引擎),前面提到的 Chrom、Node.js 與Electron 等平台都基於V8。同時除了Chrome,基於Chromium 的一系列Web 瀏覽器,如Opera 與即將正式發布的Microsoft Edge 在底層也基於V8。
在前幾天的 Google I/O 2019 上,V8 團隊的 Mathias Bynens 與 Sathya Gunasekaran 分享了JavaScript 的最新研發進展。
V8 團隊表示,他們的使命是要領導現代JavaScript 與WebAssembly 高性能,值得關注的是,分享者用了“real-world”描述性能,並介紹所謂“real-world performance”是與那些單純為了benchmark 數據的性能相對的,谷歌強調想要達到的是實際上在現實生活中能夠做到高性能的效果,而不是那麼“出世”。
他們舉了幾個例子。自Chrome 61以來,V8團隊將原始JavaScript解析速度提高了一倍,這些數據是在真實網站上測試得到的。同時他們已經成功從主線程中移除了40%的解析和編譯工作,網頁啟動變得更加順滑。
除了Chrome,速度提昇在Node.js中也有很明顯的體現,Node.js 12相比Node.js 7,async速度提升了10倍,Promise.all速度提升了12倍。
解析速度與運行時性能提高之外,內存佔用也減少了,Chrome 70到Chrome 76,Android上運行實際Web應用的內存消耗減少了20%。
接下來演講者分享了JavaScript 的一些新特性,涵蓋內容很多,下邊簡單介紹幾個比較有意思的特性:
使用方言口語化顯示時間短語 API
這是眾多新Intl.* API 中的一種,也是觀眾討論比較多的一個特性,Intl.* 是指國際化特性。
我們日常生活中提到時間的時候會說“上週”、“上個月”與“42 秒前”等口語,使用新的Intl.RelativeTimeFormat() 函數,程序可以使用特定語言返回這些短語,而不是方方正正的“one week ago”、“one month ago”和“42 seconds ago”。
演講者使用英語與泰米爾語演示了該功能,效果如下:
目前該功能支持秒、分鐘、小時、天、週、月與季的短語表示,並且支持多種語言(不清楚有沒有中文支持),開發者不再需要維護一個專門的相對時間短語列表。
globalThis
想要編寫適用於不同平台的JavaScript,不管是Node.js 還是Web 瀏覽器,都需要有相應的代碼來適配全局“this”,比如Web 瀏覽器,需要使用“window”來判斷,但在“ window”不可用的情況下,還需要用“self”檢查,在Node 中可以用“global”判斷,但如果是獨立的JavaScript shell 環境,那情況又有變化。
環境因素很複雜,各種平台環境需要進行繁雜的適配過程,這對於開發者來說會很痛苦,所以V8 團隊新增了一個“globalThis”特性,它可以在不依賴環境的情況下,輕鬆訪問全局“this”。
目前Chrome、FireFox、Safari 與Node.js 都已經支持該特性,同時對於polyfill 與其它需要全局訪問“this”的庫也適用,從這一點來說該特性是一個比較大的改進。
WeakRef
通常JavaScript 中對象引用意味著只要對對象進行了引用,那麼它就不會被GC,而弱引用中,如果其它對像都不再引用該對象,那麼GC 機制會自動回收該對象所佔用的內存,不考慮該對像是否還在該引用的結構中。
目前JavaScript 中有WeakMap 與WeakSet 兩個弱引用方法,只要將對象添加到WeakMap 或WeakSet 中,GC 在觸發條件時就可以將其占用內存回收。
WeakRef 是一種更加高級的API,它提供了一個進入對像生命週期的窗口,可以解決WeakMap 僅支持object 類型作為Key 的場景。
演講者以緩存圖像為例,map 會鎖住圖像的Key 與Value,這樣圖像名和圖像數據就不會被GC,因為它一直被引用著。另一方面,弱引用WeakMap 在這裡並不會起作用,因為圖像名是一個字符串類型,而WeakMap 規定其Key 只能為object 類型。
WeakRef 通過直接緩存圖像對象的方法來解決這個問題,圖像名作為Key,WeakRef 弱引用作為Value 存儲在緩存中。但這會帶來另一個問題:因為圖像名是Key,那map 仍然會一直保留著這些圖像名字符串。理想的情況是這些字符串也要被GC。
WeakRef 的解決方案是引用一個新的API “FinalizationGroup()”,註冊一個回調函數,在GC 觸發時從緩存中刪除前邊提到的“殘留的圖像名字符串”。
除了這幾點,新的JavaScript 語言特性還包括:
- class fileds 可以直接在class 中初始化變量而不用寫在構造函數中
- 私有setter 與getter
- String.matchAll 可以進行正則多次匹配
- 提高數字可讀性,numeric seperators 可以在寫數字的時候使用“_”作為分隔符
- 新的大數字類型 BigInt
- 新增一些Intl.* API,也就是用於國際化的API,比如Intl.NumberFormat 本地化格式化數字顯示,Intl.RelativeTimeFormat() 與Intl.DateTimeFormat() 本地化顯示時間
- 頂級await,無需寫async
- 新的Promise 函數 Promise.allSettled() 與 Promise.any()
具體內容可以查看演講視頻: