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