JavaScript 对象解构和别名

Question

有没有办法在 JavaScript 中解构对象并为本地解构对象取别名？

类似：

const env = {ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z} = process.env;

...并让env 成为包含那些选定环境变量的本地常量。 （我知道我的示例不适用于 babel）

{
  ENV_VAR_X: "s867c7dsj4lal7", 
  ENV_VAR_Y: "hd73m20s-a=snf77f", 
  ENV_VAR_Z: "production"
}

有没有办法实现这种别名？

顺便说一句，我使用 babel 作为我的转译器，然后使用 node 运行脚本，以便我可以利用更多的 ECMAScript 6 功能。

Answer 1

根据我对规范的阅读，这应该是可解析的，但这并不意味着您的想法。它将被从右到左解析为

const env = ({ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z} = process.env);

在哪里生产

({ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z} = process.env)

与所有其他分配一样，被定义为评估 RHS，即process.env。

因此，您的代码相当于

const {ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z} = process.env;
const env = process.env;

这很容易验证：

const foo = {a: 1, b: 2};
const bar = {a} = foo;

如您所料，导致新常量a 被声明为值1。但是，bar 的值不是“解构对象的别名”，即{a: 1}；它与foo 相同，即{a: 1, b: 2}。 bar === foo.

---

在 SO 和 ES 讨论组中已经多次讨论过你想要做的事情。底线是没有办法做到这一点。你所能做的就是：

const {ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z} = process.env;
const env = {ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z};

换句话说，没有办法“从一个对象解构到一个对象”，或者“从一个对象中挑选到一个对象”。只能将对象解构为变量。

你可以回到老式的方式：

const env = {ENV_VAR_X: process.env.ENV_VAR_X, ...

我知道这很可怕。

您可以使用下划线中的pick 函数或编写您自己的函数，但这需要您说

const env = _.pick(process.env, 'ENV_VAR_X', "ENV_VAR_Y', 'ENV_VAR_Z');

这只是稍微不那么可怕。

我们已经为 ES7 提议了 "rest properties" and "spread properties"，但他们似乎在这方面对我们没有帮助。

---

我们需要一种新的语法来将属性选择到另一个对象中。为此已经提出了各种建议，但没有一个获得太大的吸引力。一种是“扩展点符号”，它允许在点之后放置花括号结构。在你的情况下，你会写

const env = process.env.{ENV_VAR_X, ENV_VAR_Y, ENV_VAR_Z};
                       ^^

您可以通过here了解更多关于此提案的信息。