2016年底我的 ES6 使用情况

到 B 站观看视频

作为一名 Web 开发者,我们可能会在两个不同的环境下使用 ES6 ,也就是 ES2015 。 一个是前端环境,也就是浏览器,另一个是后台环境,也就是 Nodejs 。

ES6 的默认支持不完善

不管是浏览器还是 Nodejs 环境下,对 ES6 的支持都是不全的。通过 阮一峰的 ES6 Checker 可以查看自己当前的浏览器对 ES6 的各种特性的支持情况。通过 node.green 可以看出各个 Nodejs 版本对于 ES6 的 支持情况。

本文的写作时间是2016年末,就此时而言。要想在浏览器和 Nodejs 其中任意一个环境下使用 ES6 都是需要进行 Babel 预处理的。 因为两个环境虽然都对 ES6 的支持到了90%以上,但是像模块导入( import )这样的比较重要的特性还是不支持的。

Peter 目前自己的做法

目前,我自己前台用 React ,React 的 JSX 语法也是需要 Babel 支持的,而同时 Babel 也可以编译 ES6 ,所以前台使用 ES6 就是很自然的事情了。

后台目前我还是 ES5 来写,省去 babel 预处理,省去不少步骤,省去设置 sourcemap ,其实也挺好的。当然,如果想用 babel 辅助我们 在后台使用 ES6 ,也是可以做到滴。而且,这两天我在 朋友圈问了一下朋友们,很多在公司已经用 ES6 做后台了。