js中括号问题

Question

import {INCREMENT} from "./types"

const mutations = {

    [INCREMENT] (state) {

      state.count++;

    }

}

[INCREMENT] INCREMENT是变量直接使用不就行了吗，为什么还要加一个中括号呢？

Answer 1

[INCREMENT]是计算INCREMENT这个变量的值作为函数名，不使用中括号是把INCREMENT这个字符串作为函数名。const INCREMENT = 'myfunc';const mutations = {    [INCREMENT] (state) {      state.count++;    }}相当于上面的代码，结果是const mutations = {    myfunc(state) {      state.count++;    }}而const INCREMENT = 'myfunc';const mutations = {     INCREMENT (state) {       state.count++;     } }的结果是const mutations = {     INCREMENT(state) {       state.count++;     } }