这是javascript什么语法？

问题描述

问 题

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

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

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

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

解决方案

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 };
  }
}

这篇关于这是javascript什么语法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！