ES6 故障软解构答案

【问题标题】：ES6 fail-soft destructuringES6 故障软解构
【发布时间】：2016-01-02 14:49:49
【问题描述】：

在Babel网站上，在解构范围内找到如下demo：

// Fail-soft destructuring
var [a] = [];
a === undefined;

用 Babel 转译这段代码后，我在 ES5 中得到以下结果：

"use strict";

var _ref = [];
var a = _ref[0];

什么是软故障解构，转译语法背后的逻辑是什么？编辑：为什么 Babel 以这种方式转换 ES6 代码，而不是仅仅将 undefined 分配给变量？

编辑：我明白了，我猜它只是将变量值放入undefined，而不是抛出错误。不过，对转译逻辑仍有一些疑问。

【问题讨论】：

【解决方案1】：

看看当你在示例中添加更多内容时会发生什么：

var [a, b, c] = [];

转译为：

"use strict";

var _ref = [];
var a = _ref[0];
var b = _ref[1];
var c = _ref[2];

a 得到第一件事，b 第二件事，依此类推。

【讨论】：