Chức năng mũi tên ES6 với các dấu ngoặc đơn

Question

Tôi gặp phải một chút vấn đề trong mã của tôi, điều này khiến tôi khó hiểu và hy vọng ai đó có thể giải thích lý do tại sao nó hoạt động.

Mã 1

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

Mã 2

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

Sự khác biệt chính giữa hai mã này là trong Mã 2 tôi đặt dấu ngoặc sau khi vào mũi tên chức năng để thêm công việc của tôi bên trong các dấu ngoặc đơn đó và trong Mã số 1 Tôi đã lấy các dấu ngoặc đơn và đặt nhiệm vụ trên một dòng.

Câu hỏi của tôi là tại sao đối tượng của tôi đến từ phía máy chủ trở lại như không xác định trong code2 với đăng ký phương pháp mà angular2 cung cấp trong khi Code1 trả về đối tượng tôi nghi ngờ.

Answer 1

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

Đây là viết tắt cho việc này:

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

Các {} cho phép bạn thêm nhiều báo cáo bên trong khối. Không có chúng, hàm chỉ chạy một câu lệnh và trả về giá trị của nó.

Tài liệu: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions