Funkcja strzałki ES6 z nawiasami

Question

W moim kodzie pojawił się mały problem, który był dla mnie niejasny i mam nadzieję, że ktoś może wyjaśnić, dlaczego robi to, co robi.

Kod 1

sendText(){ 
    return this.http.get('/api') 
     .map((response:Response) => response.json()); 
} 

Code 2

sendText(){ 
    return this.http.get('/api').map((response:Response) => { 
     response.json(); 
    }); 
} 

Kluczową różnicą między tymi dwoma kodu jest to, że w kodeksu 2 umieściłem wsporniki po funkcji strzałki, aby dodać moje zadania w tych nawiasach iw Kod 1 Wziąłem klamry i umieść zadanie w jednej linii.

Moje pytanie brzmi: Dlaczego mój obiekt nadchodzi od strony serwera wraca jako niezdefiniowane w code2 metodą subskrybowania że angular2 dostarczonych podczas Kod1 Zwraca obiekt podejrzewam.

Answer 1

(response:Response) => response.json() 

To skrótowym na to:

(response:Response) => { return response.json(); } 

{} pozwalają dodać wielu oświadczenia wewnątrz bloku. Bez nich funkcja po prostu uruchamia jedną instrukcję i zwraca jej wartość.

Docs: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions