整理 | 蘇宓

出品 | CSDN（ID：CSDNnews）

(資料圖片)

誕生于世紀(jì)之交的 JavaScript，經(jīng)歷了 27 年的發(fā)展，已成為當(dāng)今世界上最受開(kāi)發(fā)者歡迎的編程語(yǔ)言之一。

近日，stateofjs.com 網(wǎng)站正式發(fā)布了《2022 年 JavaScript 年度調(diào)查報(bào)告》，該報(bào)告調(diào)查了近 4 萬(wàn)名開(kāi)發(fā)者，調(diào)研對(duì)象數(shù)量是去年的兩倍。而之所以如此大規(guī)模地調(diào)研，是因?yàn)?JavaScript 穩(wěn)居行業(yè)多年，以至于不少人開(kāi)始質(zhì)疑其真實(shí)的發(fā)展現(xiàn)狀。

譬如，Solid、Qwik 這樣新的前端框架迅速崛起，性能直逼原生 JavaScript，更有不少網(wǎng)友直呼：這才是我理想中的 React；在服務(wù)器端，Astro、Remix 和 Next.js 框架讓很多開(kāi)發(fā)者正在重新思考我們到底需要向客戶(hù)端發(fā)送多少代碼。JavaScript 生態(tài)的發(fā)展正在悄然之間發(fā)生了很多的變化，包括一些功能在認(rèn)識(shí)度和使用率方面出現(xiàn)了下滑的趨勢(shì)。

為了更進(jìn)一步全面地了解 JavaScript 的工具與框架發(fā)展，我們也將深度解讀最新的報(bào)告內(nèi)容，希望對(duì)大家有所裨益。

01.JavaScript 開(kāi)發(fā)者越老越吃香

眾所周知，任何能夠用 JavaScript 實(shí)現(xiàn)的應(yīng)用，最終都必將用 JavaScript 實(shí)現(xiàn)。正因此，它是 GitHub 等代碼托管平臺(tái)中項(xiàng)目最常用的語(yǔ)言之一。

使用一門(mén)技術(shù)越久越吃香，在 JavaScript 身上體現(xiàn)得淋漓盡致。根據(jù)調(diào)查數(shù)據(jù)顯示，擁有 10 年以上 JavaScript 經(jīng)驗(yàn)的開(kāi)發(fā)者越有可能獲得高薪，其中，具有 20 年以上經(jīng)驗(yàn)的 JavaScript 開(kāi)發(fā)者獲得 10-20 萬(wàn)美元（人民幣約 67 萬(wàn)—135 萬(wàn)元）的占比最高，為 40%，獲得大于 135 萬(wàn)元報(bào)酬的受訪者占比 14%。

擁有 5 年以下開(kāi)發(fā)經(jīng)驗(yàn)的受訪者，薪資都在 5 萬(wàn)美元（人民幣約 34 萬(wàn)）以下以下。

02.中國(guó) JavaScript 開(kāi)發(fā)者薪酬在 20 萬(wàn)-34 萬(wàn)元，占比最高

今年報(bào)告覆蓋了全球多個(gè)國(guó)家，美國(guó) JavaScript 開(kāi)發(fā)者人數(shù)最高，占比 11.9%。中國(guó)參與調(diào)研的開(kāi)發(fā)者占比 0.8%。

開(kāi)發(fā)者群體以年輕人為主力軍，24-34 歲的開(kāi)發(fā)者占比最高，達(dá) 36.5%。

美國(guó) JavaScript 開(kāi)發(fā)者薪酬集中在 100k-200k 美元（人民幣約 67萬(wàn)—135萬(wàn)元），占比 53.2%。50k-100k 美元（（人民幣約 34萬(wàn)—67萬(wàn)元））的受訪者占比排名第二，為 16.9%。其次，掌握 JavaScript 獲得高薪的程序員所處的國(guó)家分別是以色列、瑞士、澳大利亞、挪威。

中國(guó) JavaScript 開(kāi)發(fā)者獲得 30k-50k 美元（人民幣約 20萬(wàn)—34萬(wàn)元）的人數(shù)最多，占比 24.2%。

03.WebAssembly 輝煌不再？

在技術(shù)層面，官方給出了這樣一則評(píng)價(jià)，「JavaScript 技術(shù)可能發(fā)展得很快，但似乎 JavaScript 開(kāi)發(fā)者更能與時(shí)俱進(jìn)，因?yàn)樵S多相對(duì)較新的功能已經(jīng)顯示出很高的采用率了?！?/p>

該報(bào)告將 JavaScript 生態(tài)劃分了語(yǔ)言、瀏覽器 API、其他功能特性三個(gè)類(lèi)別進(jìn)行了調(diào)研。下圖中的外圈尺寸代表了了解這個(gè)特性的用戶(hù)數(shù)量，內(nèi)圈尺寸代表了實(shí)際使用這個(gè)特性的用戶(hù)數(shù)量。

具體來(lái)看，在語(yǔ)言維度上，最常用的技術(shù)是 Nullish Coalescing，占比高達(dá) 81.7%，用戶(hù)量每年也在迅速增長(zhǎng)。其次是 Top level await()、String.prototype.replaceAll()，分別占比 67.5% 和 64.6%。

在瀏覽器 API 上，WebSocket 使用率最高，占比 66.5%。不過(guò)，該技術(shù)的用戶(hù)量逐年遞減。其次最常用的 API 包括 Shadow DOM、Service Workers。

在其他功能特性上，過(guò)去一年，很多人并不再看好 WebAssembly 的發(fā)展，甚至經(jīng)常在云中，將其與 K8s 做對(duì)比。此前 HTTP Archive 發(fā)布的 2022 年 Web 技術(shù)報(bào)告顯示：“WebAssembly 的應(yīng)用還不夠廣泛，我們并沒(méi)有發(fā)現(xiàn)使用量的增加，反而看到了小幅收縮?！备鶕?jù)最新的調(diào)查數(shù)據(jù)顯示，事實(shí)確實(shí)如此，WebAssembly 當(dāng)前的使用率為 20.1%，用戶(hù)量并不算高。不過(guò)，使用的它的開(kāi)發(fā)者數(shù)量每年有所上升。

04.React 上行，Angular 下行

下圖顯示了 2016-2022 年 JavaScript 生態(tài)中的技術(shù)演進(jìn)發(fā)展路線，較高的點(diǎn)表示更多的人在使用該技術(shù)，較右邊的點(diǎn)意味著更多的受訪者想要學(xué)習(xí)它或者已經(jīng)使用過(guò)且還會(huì)再次使用。

整體而言，不難看出，近 6 年間，前端框架、Rendering Frameworks、測(cè)試工具、移動(dòng)端和客戶(hù)端、構(gòu)建等工具發(fā)展得非常迅速。

以 React 為例，2016-2019 年是 React 的上升期，其用戶(hù)量呈指數(shù)級(jí)上漲。不過(guò)在 2020 年之后，開(kāi)發(fā)者對(duì) React 的熱情逐漸消減。

當(dāng)談及前端框架時(shí)，很多人第一反應(yīng)便是 React、Angular、Vue.js 三劍客。不過(guò)當(dāng)前，三劍客雖然還在，但是它們?nèi)齻€(gè)卻往不同的方向前進(jìn)。

根據(jù)下圖顯示，React 用戶(hù)粘性最強(qiáng)，有 57% 的受訪者表示“用過(guò)這個(gè)技術(shù)，以后還會(huì)再用”，其次滿(mǎn)意度最高的便是 Vue.js。

與前兩者形成鮮明對(duì)比的是，開(kāi)發(fā)者逐漸對(duì) Angular 表示不滿(mǎn)，有高達(dá) 24% 的開(kāi)發(fā)者稱(chēng)，“用過(guò)這個(gè)技術(shù)，以后不會(huì)再使用”，還有 34% 的受訪者直接表示對(duì)這個(gè)技術(shù)不感興趣。

事實(shí)上，老牌工具的衰落，一定程度上彰顯了新技術(shù)的崛起。在前端框架領(lǐng)域，Solid、Svelte 使用率上漲，滿(mǎn)意度排名第一和第二位。

另外，在跨平臺(tái)工具上，老牌的跨平臺(tái)桌面應(yīng)用開(kāi)發(fā)工具 Electron 滿(mǎn)意度下滑嚴(yán)重，相比 2017 年 92.8% 的滿(mǎn)意度，現(xiàn)在只有 74.8% 的受訪者對(duì)其滿(mǎn)意。

相反，原生開(kāi)發(fā)越來(lái)越受歡迎。同時(shí)，2021 年發(fā)布的 Tauri 得到了 91.7% 開(kāi)發(fā)者的支持。

近兩年間，JavaScript 構(gòu)建工具層出不窮。Parcel、tsc CLI、Rome、Snowpack、SWC、esbuild、Vite 等都是近兩年新誕生的工具。不過(guò)在滿(mǎn)意度上，新工具后來(lái)居上，Vite、esbuild、SWC 分別排在 Top 3 位置。

05.Vite 摘得三個(gè)獎(jiǎng)項(xiàng)桂冠，成為開(kāi)發(fā)者最常用、最滿(mǎn)意、關(guān)注度最高的技術(shù)

報(bào)告還根據(jù)開(kāi)發(fā)者對(duì)代碼庫(kù)的滿(mǎn)意度進(jìn)行了排名，其中滿(mǎn)意度是指“會(huì)再次使用這個(gè)庫(kù)的人數(shù)”（注：使用率不到 10% 的代碼庫(kù)不包括在內(nèi)）。

值得關(guān)注的事，Vite 是尤雨溪于 2019 年重磅推出的下一代前端開(kāi)發(fā)和構(gòu)建工具，它的插件 API 和 JavaScript API 帶來(lái)了高度的可擴(kuò)展性。根據(jù)最新數(shù)據(jù)顯示，Vite 以 98% 的滿(mǎn)意度當(dāng)選開(kāi)發(fā)者最想要使用的工具框架。

與此同時(shí)，stateofjs.com 網(wǎng)站還評(píng)選出今年 JavaScript 技術(shù)的一些獎(jiǎng)項(xiàng)。意料之中，Vite 成為最大的亮點(diǎn)，其包攬了三個(gè)獎(jiǎng)項(xiàng)，分別是采用最多的技術(shù)、最高滿(mǎn)意度、最受關(guān)注。

另外，top-level await 以 26.4% 的占比獲得開(kāi)發(fā)者“采用最多的特性”獎(jiǎng)項(xiàng)。Astro 是受訪者提及最多的項(xiàng)目，Private Fields 獲得“最多評(píng)論”獎(jiǎng)項(xiàng)；React 是最受熱議的庫(kù)。

06.寫(xiě)在最后

「一日不學(xué)十日空」，用以形容 JavaScript 的變化雖有些夸張，但是并不為過(guò)。因?yàn)?，近五成開(kāi)發(fā)者覺(jué)得 JavaScript 生態(tài)系統(tǒng)變化得太快了。

對(duì)于開(kāi)發(fā)者而言，JavaScript 最難的三個(gè)痛點(diǎn)分別是代碼架構(gòu)、管理依賴(lài)項(xiàng)、狀態(tài)管理。

目前 JavaScript 最缺少的功能是：Static Typing、標(biāo)準(zhǔn)庫(kù)、更好的 Data Management。

當(dāng)然，不少受訪者也希望在未來(lái)看到 JavaScript 更完善的生態(tài)與功能。

對(duì)于過(guò)去一年 JavaScript 的發(fā)展，來(lái)自 Google 的工程和網(wǎng)絡(luò)基礎(chǔ)設(shè)施總監(jiān) Sarah Drasner 總結(jié)道，「JavaScript 和 TypeScript 比以往更有活力。」

其表示，“當(dāng)我們看到像 React、Angular 或 Vue 這樣的成熟框架滿(mǎn)意度下降時(shí)，很多人很可能會(huì)思考這對(duì)未來(lái)意味著什么。我相信，這種下降趨勢(shì)是工具在生產(chǎn)中被測(cè)試和使用的真實(shí)體現(xiàn)。這是一個(gè)成熟的標(biāo)志，也是對(duì)這些工具所能提供的清晰認(rèn)識(shí)。他們還將從該領(lǐng)域的創(chuàng)新中學(xué)習(xí)并繼續(xù)發(fā)展。

最后，我非常高興地看到 Vite 連續(xù)第二年獲得了獎(jiǎng)項(xiàng)，其開(kāi)發(fā)和服務(wù)技術(shù)確實(shí)正在取得巨大的進(jìn)步，我們都從這一艱苦的工作中受益。好樣的！”

關(guān)鍵詞： javascript react