如何将参数传递给 const 对象变量

Question

给出

 onColumnResize(column) {

    const columnsWidth = {
        columnsWidth: {
            column: width + 'px'
        },
        detail: this.details
    };

}

如何将参数 column 传递给对象 columnsWidth 变量？例如：如果参数 column = 'name'，想将 'name' 传递给 column 并输出以下内容（取决于函数的参数）：

onColumnResize(column) {
 const columnsWidth = {
        columnsWidth: {
            'name': width + 'px'
        },
        detail: this.details
    };
}

我的尝试： `

 onColumnResize(column) {
      const columnsWidth = {};
      columnsWidth[column] = width+'px';
      columnsWidth.detail = this.details;
  }`

除了上述还有其他方法吗？

Answer 1

在您的第一个代码块中将 column 更改为 [column]：

onColumnResize(column) {
  const columnsWidth = {
    columnsWidth: {
      [column]: width + 'px'
    },
    detail: this.details
  };

  // ...
}

这称为 computed property name，它是 ES2015 的一部分，而不是 ES2016。

如何将参数传递给 const 对象变量

how to pass argument to const object variable

javascript

constants

let

ecmascript-6