Czy to poprawny zapis?

Question

Czy poniższy zapis jest poprawny? Głównie chodzi o ostatnią linijkę, czy takie coś się w ogole stosuje

let x = {};

x.f = function (e) {return console.log(`hello ${e}`)};

x['f'](e);

 

Comments

O ile, tak stosuje się czasami, funkcje z parametrem, ale czy jest zasadność w tym przypadku, to nie wiem, osobiście nie spotkałem się z takim zapisem.

Answer 1

x['f'](e);

Ten zapis jest jak najbardziej poprawny w JavaScript. Jest to odnoszenie się do property obiektu (w tym przypadku funkcji) przez tzw. bracket notation. Zapis ten - w przeciwieństwie do odnoszenia się przez kropkę - pozwala dostać się do property poprzez zmienną, której wartość zostanie potraktowana jako klucz obiektu. Często stosuje się taki zapis np. w pętli for..in. Przykład:

var obj = {
   key: 'value'
};
console.log( obj.key ); // 'value';

var keyVariable = 'key';
console.log( obj[ keyVariable ] ); // 'value'

Jednak w Twoim przypadku taki zapis jest niepotrzebny, wystarczy użyć kropki.

Comments

Przypomniało mi się, że z pomocą bracket notation (w przeciwieństwie do notacji kropkowej) można dodawać propertisy, których klucze zawierają znaki nie dozwolone dla nazw zmiennych/propertisów/funkcji.

Answer 2

Nie jestem pewien ale wydaje mi się ze slowa function nie musisz juz stosowac. Wystarczy cos takiego

Comments

1) Arrow functions różnią się w stosowaniu od zwykłych funkcji z użyciem function keyword

2) w tej sytuacji lepiej zrobić tak:

const x = {
    f() {
        console.log('Something...');
    }
}