javascript - return 语句中的解构

Question

这个问题已经有答案了:

One-liner to take some properties from object in ES 6 (13 个回答)

已关闭 4 年前。

我的应用程序中有多个类似这样的案例:

  getVariables() {
    const {
      allowCustomValues,
      budgets,
      budgetsToAdd,
      budgetsToRemove,
      isGlobal,
      isRequired,
      name,
      tagTypeId,
      valuesToAdd,
      valuesToDelete,
    } = this.props;

    return {
      allowCustomValues,
      budgets,
      budgetsToAdd,
      budgetsToRemove,
      isGlobal,
      isRequired,
      name,
      tagTypeId,
      valuesToAdd,
      valuesToDelete,
    };
  }

这看起来很麻烦，但更短的解决方案包括在我想要的每个变量之前加上 this.props. ，从维护的 Angular 来看，这并不是更好。

我想要的是这样的:

  getVariables() {
    return this.props.{
      allowCustomValues,
      budgets,
      budgetsToAdd,
      budgetsToRemove,
      isGlobal,
      isRequired,
      name,
      tagTypeId,
      valuesToAdd,
      valuesToDelete,
    };
  }

是否有某种 ES6 语法可以让我使这段代码更加干燥？

编辑:可能是 ES6 destructuring within a return statement 的重复项，但那个人有一个公认的答案，但不能解决问题。

Answer 1

实际上解构不允许这样做。

您正在询问 lodash 的 pick() 的等效项。也许你的项目中已经有 lodash 了。如果你不这样做，你仍然可以自己编写这样的助手(但最好使用来自 lodash 或其他库的稳定的社区验证版本)