es6 hash array index function вызов смешанный синтаксис

Question

Какой синтаксис ES6 это?

{ 
    [ActionTypes.Repo](state, { username, res }) { 
    /* ... */ 
    }, 

    [ActionTypes.Repo2](state, { username, res }) { 
    /* ... */ 
} 

Взято из: https://github.com/quangbuule/redux-example/blob/master/src/js/reducers/Repo.js

Answer 1

Те method definitions, computed property names и destructuring на работе.

определения метода дать краткий способ создания свойств, которые содержат функции:

// before 
var obj = { 
    foo: function() {} 
}; 

// now 
var obj = { 
    foo() {} 
}; 

Это тот же синтаксис для создания методов в class определений.

Вычисляемые свойства позволяют использовать результат любого выражения, как имя имущества в литерал объекта:

var foo='somePropertyName'; 

// before 
var obj = {}; 
obj[foo] = 42; 

// now 

var obj = { 
    [foo]: 42 
}; 

И, конечно, это также работает с определениями методов:

var obj = { 
    [foo]() {} 
}; 

Разрушение похоже на сопоставление шаблонов и упрощает обращение к вложенным свойствам массива/o bject, если это все, что вам нужно:

// before 
function foo(obj) { 
    var username = obj.username; 
    var res = obj.res; 
} 

// now 
function foo({username, res}) { 

}