ES6帶括號的箭頭功能

Question

我在我的代碼中遇到了一個小問題，這讓我感到困惑，希望有人能解釋它爲什麼會執行它所做的事情。

代碼1

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

代碼2

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

這兩個碼之間的關鍵區別在於，在代碼2我放置在括號中的箭頭功能之後添加我的任務在這些括號內，並在代碼1我拿出括號和將任務放在一行上。

我的問題是，爲什麼我的對象從服務器端回來爲未定義代碼2進來與angular2而代碼1返回我懷疑對象提供的訂閱方法。

Answer 1

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

這是該速記：

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

的{}讓你添加塊內多個語句。沒有它們，函數只運行一條語句並返回其值。

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