2018年，JavaScript都經歷了什麼？

時間 2019-11-22

標籤 2018年 javascript 經歷什麼欄目 JavaScript 简体版

原文原文鏈接

本文做者爲Fundebug技術負責人Kevin。javascript

這些年，JavaScript生態系統異常活躍：ECMAScript打破多年的沉寂，每一年都會給咱們帶來新的特性，像async函數這種語法爲咱們減小了大量冗餘的代碼；JS你們庭的其餘成員也都在進步，從前端到後端，從底層的JS引擎到上層的NPM庫，你們熱愛的Vue正在重寫3.0；就連古老編輯器也能帶來新的驚喜，Visual Studio Code超越各類其實還不錯的競品，成爲最受JSer歡迎的IDE；MicroSoft終於放棄了倒騰不同凡響的瀏覽器，選擇加入Chromium陣營，將來你們終於能夠少糾結一點兼容問題了...html

2018也是一樣精彩的1年，JavaScript都經歷了什麼呢？前端

The State of JavaScript 2018

The State of JavaScript調研已經連續作了3年，今年一共調研了2萬多個JS開發者。有這樣一些有意思的發現：java

絕大多數開發者都用過ES6，同時TypeScript也愈來愈流行了；
React依然最流行的前端框架，同時Vue也愈來愈受歡迎了；
Express依然是最流行的Node.js框架，既然Node 8已經支持async函數了，Koa的價值就大大下降了；
Visual Studio Code遠遠超越Sublime，成爲最流行的JS編輯器；

做爲一個後端用Express框架，儘可能使用最新的ECMAScript語法，而前端用着TypeScript，不過框架仍是AngularJS 1(這事要怪版本帝Angular不向後兼容)，拋棄價值70刀的Sublime，今年加入VS code陣營的JSer，我也是算是夠主流了吧！那你的技術債是怎樣的呢？jquery

ECMAScript 2018

TC39(ECMAScript標準委員會)這些年愈來愈勤快了，從2015年(ES6)開始，每一年發佈一個新的ECMAScipt標準。ECMAScript 2018，即ES9，則在6月如期發佈了，其新增的特性並很少：git

主要新特性:github

Asynchronous Iteration
Rest/Spread Properties

新的正則表達式特性:正則表達式

RegExp named capture groups
RegExp Unicode Property Escapes
RegExp Lookbehind Assertions
s (dotAll) flag for regular expressions

其餘新特性:express

Promise.prototype.finally()
Template Literal Revision

若是想了解ES9的細節，闊以看看Axel Rauschmayer博士寫的Exploring ES2018 and ES2019。npm

Node 10

Node 10在4月發佈而且在10月成爲LTS，即長期支持版本。

Node 10使用了新的V8引擎6.8，所以性能提高了不少，好比Promise與Async函數的性能提高就很是明顯，所以建議你們升級。

Node新版本的發佈日期一直很是穩定，作到這一點也是不容易啊！

Vue 3.0

在Vue.js Conference Toronto 2018上，尤雨溪發表了主題演講Vue 3.0 Updates，新版本將會有這些變化：

更快
更小
更易於維護
更多的原生支持
放棄Flow，使用TypeScript

Vue 3.0與其說是更新或者重構，不如說是重寫，由於變化很大，可是同時會保證向後兼容。Vue 3.0預計將在2019發佈，你們一塊兒期待吧！

Babel 7

2年多時間commit了4000屢次，Babel 7終於發佈了，新增了下面這些特性：

babel-upgrade: 升級Babel的工具；
babel.config.js：學習ESLint與Webpack，使用JS文件配置；
overrides：容許同一個項目使用不一樣的Babel配置，例如前端代碼的targets爲Chrome 60，然後端代碼的targets爲Node 8；
...

主流瀏覽器對新的ECMAScript特性已經支持得不錯了，不過仍是存在而且永遠存在不少非主流瀏覽器，因而咱們仍是離不開神奇的Babel。

jQuery 3.3.0

曾經風靡一時的jQuery發佈了3.3.0，這個版本放棄了(deprecated)一系列方法：

jQuery.now
jQuery.isWindow
jQuery.camelCase
jQuery.proxy
jQuery.type
jQuery.isNumeric
jQuery.isFunction
Event aliases

這些方法大多會在jQuery 4.0中被刪除，所以jQuery官方鼓勵你們使用替代的方法。

從這個更新也能看出端倪，jQuery時代已經逐漸功成身退，GitHub網站乾脆徹底移除了jQuery。

V8引擎10週年

強大的V8引擎已經發布10週年了，它的命名靈感來自超級性能車的V8引擎，果真名副其實！V8的性能一直在穩步提升：

V8引擎當初是爲Chrome瀏覽器開發的，可是早已成爲一個獨立的項目。國內的衆多瀏覽器，包括搜狗、360、獵豹、QQ、百度、UC都是基於Chromium開發的，而Chromium至關於開源版本的Chrome，天然也是基於V8引擎的。所以，衆多"國產"瀏覽器實際上都是基於V8的。融資了2.5億元紅芯瀏覽器也不例外，他們乾脆打包了Chrome瀏覽器的安裝包，果真有錢任性！還有，就連瀏覽器界的一朵奇葩Microsoft也投靠了Chromium陣營。

另外，Node.js也是基於V8引擎的。

NPM模塊event-stream被黑客攻擊

這件事鬧得沸沸揚揚，不過只是有不少噱頭，若是認真分析黑客幹了什麼，其真實影響沒那麼大，至少Vue開發者沒啥好擔憂的：

比特幣錢包copay依賴event-stream模塊；
黑客從騙取了event-stream模塊的npm發佈權限；
黑客爲event-stream模塊添加了依賴flatmap-stream；
flatmap-stream含有黑客代碼，僅會在copay項目中正確執行，竊取用戶的密碼、私鑰等信息，從而盜取比特幣；
有人說什麼Vue可能遭受攻擊，其實沒有這回事，由於黑客代碼只會在copay項目中正確執行。只有copay項目的package.json中的description字符串"A Secure Bitcoin Wallet"可以解密黑客代碼；並且，黑客的代碼是爲copay量身定作的，對其餘項目沒有做用；再說，黑客是來竊取的比特幣的，又不是挖礦，你的項目有比特幣給人家偷嗎?

同窗們，不要輕易相信標題黨。。。

《Refactoring》第2版改用JavaScript

對於《重構：改善既有代碼的設計》這本書，我想大多數人都沒看過，可是至少應該都據說過。這本書剛出了第二版，全部示例代碼由Java改爲了JavaScript。

根據做者Martin Fowler的解釋，**《重構》這本書重點在於思想，適用於各類編程語言，因此選擇什麼語言並不重要。**而他選擇JavaScript的緣由很簡單，由於JS既支持面向過程編程，又支持面向對象編程，這樣方便寫非OOP代碼重構的示例。

前端大神尤雨溪說過這樣一句話：

至於重構、設計什麼的，我只想說，看的是使用的人的水平，跟用什麼語言沒那麼大關係。水平爛的人用 TS 同樣寫的是翔同樣的代碼，看看 java 就知道了。

《Refactoring》的示例代碼用什麼語言寫根本不重要，重要的是背後的編程思想。順便推薦一下《Clean Code》。若是基本的編程習慣和思想沒有提高的話，換個語言或者框架是沒用的。

這本書原價54.66刀，的確有點貴，不過算是必讀書，你們看着辦。。。

GitHub拋棄jQuery

另外，GitHub的技術極客們花了數年時間，以很是規範的流程徹底移除GitHub網站了jQuery：

實現了一個ESlint插件eslint-plugin-jquery，禁止在代碼中使用已經棄用的jQuery方法。這樣能夠防止同事使用jQuery方法。
使用原生代碼重寫了2個依賴於jQuery的模塊jquery-pjax和facebox。
開發一個定製的jQuery版本，一旦徹底移除某個jQuery方法，就刪除jQuery中的對應代碼。這樣既能夠減小jQuery大小，也能夠防止同事使用已經移除的jQuery方法。
根據用戶統計數據，來逐步放棄支持低版本的IE瀏覽器，這樣的話能夠無需依賴jQuery來保證兼容性。
...

蘿蔔青菜各有所愛，是否使用jQuery各有各的想法和需求，可是GitHub棄用jQuery的流程很是專業，能夠做爲處理技術債的標準規範。