这是javascript什么语法?

在ant.desgin的生成的模板文件中发现了下面的代码:

{
  ['todos/get'](state) {
    return { state, loading: true };
  }
}

通过chrome的console,发现生成的是一个对象,而那个数组里的元素就是key,后面的是方法。

我想知道这是什么语法,实在是没见过这种写法。

阅读 2.9k
2 个回答
  1. ES6的对象定义中允许简写方法

    var temp = {
        method() {
        return "Hello!";
      }
    }
  2. 对象的属性名在解析器中其实是以string来存放的,所以在读取或者是定义对象属性的时候是允许这么写的:

    var temp = {
        ['o'] : 0
    }
    
    temp['o'];    //0
    temp.o;       //0

所以你这个例子,其实换成普通的写法,可以等同于:

{
  'todos/get' : function(state) {
    return { state, loading: true };
  }
}

你要的是这个吧

Image

这叫动态属性,看文档

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题