es6 tablica asocjacyjna indeks wywołanie funkcji mieszane składnia

Question

Jaka jest składnia ES6?

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

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

albumu: https://github.com/quangbuule/redux-example/blob/master/src/js/reducers/Repo.js

Answer 1

te są method definitions, computed property names i destructuring w pracy.

definicje Metoda dostarczyć zwięzły sposób tworzenia obiektów, które zawierają funkcje:

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

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

To ta sama składnia do tworzenia metod w class definicji.

Obliczone właściwości pozwalają wykorzystać wynik jakiegokolwiek wyrazu jako nazwy właściwości w sposób obiekt dosłowne:

var foo='somePropertyName'; 

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

// now 

var obj = { 
    [foo]: 42 
}; 

I oczywiście ta działa również z definicji metody:

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

Destructuring jest podobne do dopasowywania wzorców i ułatwia odnoszenie się do zagnieżdżonych właściwości tablicy/o bject, jeśli to wszystko, czego potrzebujesz:

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

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

}