Node.js 里面那些遗失的 ES6 特性

由于 Babel，WebPack， React 技术的流行， 小明同学已经开始在前端代码里面用上了 ECMAScript 2015 （以下称 ES6 ） 的众多特性。import, export, class, arrow function, let const 等等关键词甚至都已经开始变成小明的肌肉记忆。

但是等等，对于小明这样既写 React 又写 Node.js 的的人来说，又有点分裂了。经常性的在 Node.js 里面写 import xxx from 'xxx'; 然后被 Node.js 的解析器无情的拒绝；
另外对于一致性有点追求的人肯定受不了同一个仓库， 同一类脚本， 同一个人维护却有两种风格。

恩， 不能忍！

Node.js 对 ES6 的支持

其实 Node.js 对 ES6 的很多特性都已经开始支持了。 在 Node.js 使用的 JS 引擎 V8 里面将不同状态 ES6 特性分成了 3 个等级：

• shipping （已经分发并默认开启的特性）

• staged （已经分发， 但需要使用 –harmony 参数开启的特性）

• in progress （开发中， 还不稳定或者未实现的特性， 不推荐使用）

『shipping』 已经开启的 ES6 特性

本文使用的 Node.js 版本号：
稳定版本：4.2.4
对应 V8 引擎的版本：4.5.103.35
最新版本：5.3.0
对应 V8 引擎版本：4.6.85.31

目前默认开启的 ES6 特性如下：

• Block scoping

• let (strict mode only)

• const

• function-in-blocks (strict mode only [1])

• Classes (strict mode only)

• Collections

• Map

• WeakMap

• Set

• WeakSet

• Typed arrays

• Generators

• Binary and Octal literals

• Object literal extensions (shorthand properties and methods)

• Promises

• New String methods

• Symbols

• Template strings

• Arrow Functions

• new.target [2]

• Object.assign

• Spread operator [2]

对于这些官方引擎的特性，由于在底层实现，在性能与稳定性都有更高保障，在任何时候我们都应该优先使用。

『staged』 需要使用 --harmony 参数开启的 ES6 特性

• Symbol.toStringTag

• Array.prototype.includes （可以直接使用 polyfill 支持， 5.x 版本）

• Rest Parameters （可以直接用 transform-es2015-parameters 转换，支持更全面， 5.x 版本）

『in progress』 开发中的 ES 特性

--harmony_modules (enable "harmony modules")
--harmony_array_includes (enable "harmony Array.prototype.includes")
--harmony_regexps (enable "harmony regular expression extensions")
--harmony_proxies (enable "harmony proxies")
--harmony_sloppy (enable "harmony features in sloppy mode")
--harmony_unicode_regexps (enable "harmony unicode regexps")
--harmony_reflect (enable "harmony Reflect API")
--harmony_destructuring (enable "harmony destructuring")
--harmony_sharedarraybuffer (enable "harmony sharedarraybuffer")
--harmony_atomics (enable "harmony atomics")
--harmony_new_target (enable "harmony new.target")

『in progress』特性是那些将要支持（但具体时间未知）的特性。

开启模块的 ES6 模式

Babel 是一个插件式的 JavaScript 编译器， 能将一些当前 JS 引擎中不支持的特性和语法， 通过一个个特定插件，转换成当前引擎可以理解的 JS 脚本。 我们可以使用 Babel 来转换我们的 Node.js 脚本。

接下来， 我们就可以去 Babel 插件列表去选择对应的转换插件来为我们的 Node.js 插上隐形的翅膀了。

首先， 我们需要确认我们需要 Babel 添加哪些特性支持。

选择 ES 转换的原则

1. 优先使用原生特性

2. 优先选择那些稳定实现的特性。 由于一些 ES 特性需要引擎的底层支持才能完美支持， 通过代码转换可能很难完美支持， 对于这种特性只能不用或少用

基于这个原则， 小明筛选出如下插件。

• transform-strict-mode （由于很多 ES 特性需要 严格模式才能打开， 添加这个插件就会自动在所有文件上添加 'use strict';）

• transform-es2015-modules-commonjs （将 ES6 模块标准 转换成 Node.js 用的 CMD 模块标准）

• transform-es2015-spread （支持 ES6 的 spread 操作符）

• transform-es2015-destructuring （支持 赋值解构）

• transform-es2015-parameters （支持默认参数， 参数解构， 以及其他参数）

转换示例： import

from

import Mod from './mod';
new Mod();

to

'use strict';

var _mod = require('./mod');
var _mod2 = _interopRequireDefault(_mod);

function _interopRequireDefault(obj) {
  return obj && obj.__esModule ? obj : { default: obj }; 
}

new _mod2.default();

转换示例： export

from:

export default class Mod {

}

to:

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
class Mod {}
exports.default = Mod;

上面这些选择的插件可以根据个人口味以及 Node.js 版本 进行添加或删除。选好模块， 我们就可以安装插件以及创建对应得babel配置文件去处理

• 精彩推荐

• 2019-05-08 18:04:05

  Java 实现图片拼接

  用于将多个图片拼接成一张图片

• 2019-05-09 11:46:30

  Glide使用高级技巧（解决Glide生成缓存Key问题）

  虽说Glide将缓存功能高度封装之后，使得用法变得非常简单，但同时也带来了一些问题。 比如之前有一位群里的朋友就跟我说过，他们项目的图片资源都是存放在七牛云上面的，而七牛云为了对图片资源进行保护，会在图片url地址的基础之上再加上一个token参数。也就是说，一张图片的url地址可能会是如下格式：

• 2019-05-10 15:15:50

  Java压缩图片util,可等比例宽高不失真压缩，也可直接指定压缩后的宽高

  分两个压缩方式，一个等比例宽高压缩，一个直接指定压缩后的宽高

• 2019-05-13 14:34:42

  linux系统中清理MySql的日志文件，打印日志文件

  默认情况下mysql会一直保留mysql-bin文件，这样到一定时候，磁盘可能会被撑满，这时候是否可以删除这些文件呢，是否可以安全删除，是个问题。 首先要说明一下，这些文件都是mysql的日志文件，如果不做主从复制的话，基本上是没用的，虽然没用，但是不建议使用rm命令删除，这样有可能会不安全，正确的方法是通过mysql的命令去删除。

• 2019-05-14 16:47:27

  数据库整理碎片

  最后还是用的ALTER TABLE来修改的，不知道为什么有时候管用，有时候不管用。

• 2019-05-17 16:27:26

  在vue项目里面使用引入公共方法

  今天早上来到公司，没事看了一下别人的博客，然后试了一下，发现的确是可以的，在此记录一下，方便自己日后查阅。 首先新建一个文件夹：commonFunction ,然后在里面建立 一个文件common.js

• 2019-05-17 17:12:19

  JavaScript递归方法 生成 json tree 树形结构数据

  JavaScript递归方法 生成 json tree 树形结构数据

• 2019-05-18 12:37:39

  Android夜间模式的实现方案

  对于一款阅读类的软件，夜间模式是不可缺少的。最初看到这个需求时候觉得无从下手，没有一点头绪。后来通过查阅资料发现Android官方在Support Library 23.2.0中已经加入了夜间主题。也就是只需要通过更换主题便可实现日间模式和夜间模式的切换。下面截取项目实现的夜间模式效果图：

• 2019-05-18 12:38:41

  android 快速实现夜间模式

  最近项目中遇到了一个问题，夜间模式在8.0以上的手机中不起作用，查看了一下原因，是夜间模式实现方法的问题。分两种情况介绍一下

• 2019-05-18 12:40:35

  Android夜间模式的几种实现

  通过增加一层遮光罩来实现。效果不是很理想，但是好用，毕竟很多手机都有自己的夜间模式了