以下语法的含义是什么：[increment]: () => {}？答案

【问题标题】：What is the meaning of the following syntax: [increment]: () => {}?以下语法的含义是什么：[increment]: () => {}？
【发布时间】：2021-08-13 06:12:42
【问题描述】：

这是我试图理解的代码 sn-p。

import { increment } from '../features/counter/counterSlice'
const object = {
  [increment]: () => {}
}
console.log(object)
// logs { "counter/increment": Function}

下面的语法具体是做什么的？

[increment]: () => {}

Increment 是由 createSlice() 创建的 reducer 函数。

【问题讨论】：

在object上创建一个箭头函数，以变量增量的值命名
该语法只做任何事情，因为它在一个对象内。
其实increment不是reducer函数，而是string
@QuentinUK - 就像很多语法一样，有效性确实取决于上下文
How to use a variable for a key in a JavaScript object literal? | Dynamic object property names? | Is it possible to add dynamically named properties to JavaScript object? | Add a property to a JavaScript object using a variable as the name?

标签： javascript redux syntax react-redux redux-toolkit

【解决方案1】：

这个

const object = {
  [increment]: () => {}
}

结果与

相同

const object = {};
object[increment] = () => {};

换句话说，在object上创建一个箭头函数，命名为变量增量的值是什么

【讨论】：

【解决方案2】：

const object = {
  [increment]: () => {}
}

这将创建一个具有一个属性的对象。该属性的名称由名为increment 的变量中的字符串定义。如果increment 的值为"foo"，那么这将等价于：

const object = {
  foo: () => {}
}

该属性的值是一个什么都不做的函数。

箭头函数有这种形式

(...args) => { /* function body */ }

所以() => {} 是一个不带参数的函数，并且在其函数体中没有语句。

【讨论】：