Skip to main content

ES6 Arrow Function Cheatsheet


Dưới đây là một số cách để bạn có thể viết arrow functions trong ES6.
// Explicit Return, Multi-Line
a => {
  return a
}
// Explicit Return, Single-Line
a => { return a }
// Implicit Return, Multi-line
a => (
  a
)
// Implicit Return, Single-Line
a => a
// Multiple Parameters, Parentheses Required
(a, b) => a, b
Implicit vs Explicit Return

Mỗi chúng ta có một cách viết arrow functions khác nhau. Với normal functions, nếu bạn muốn return 1 cái gì đó, bạn sẽ dùng từ khóa return. Arrow functions cũng như vậy. Khi bạn dùng từ khóa return, nó sẽ gọi là `explicit return`. Hãy thử coi các ví dụ sau:



Có thể nhận rõ ràng sự khác biệt. Khi nào thì dùng dấu ngoặc nhọn`{}`, bạn cần phải chính xác cái mà return ra. Tuy nhiên, nếu không dùng `{}`, return sẽ là bao hàm, và bạn không cần chúng.

Có một cách gọi tên cho việc đó. Khi bạn sử dụng dấu ngoặc nhọn như ở Example B thì nó gọi là `block body`, và cú pháp ở Example C gọi là `concise body`.


Parentheses (Dấu ngoặc đơn)

Đối với normal function, bạn luôn luôn phải dùng dấu ngoặc nhọn. Tuy nhiên, với arrow functions, ngoặc nhọn là không bắt buộc nếu như chỉ có một parameter.

- Ví dụ với hàm có một parameter:


- Ví dụ với hàm có nhiều parameter:



Arrow functions return Objects

Đừng quên có sự khác nhau giữa `concise body` and `block body`. `Block body` là khi bạn dùng dấu ngoặc nhọn và biết chính là là return cái gì. `Concise body` là khi bạn không dùng dấu ngoặc nhọn, và bỏ qua từ khóa return.

Ví dụ 1:


Ví dụ 2:



Resource: Arrow Functions

Thanks for watching !

Comments


  1. Nice breakdown. I use 👉👉👉 Crypto Market Monitor daily to track volume and price action.

    ReplyDelete

Post a Comment

Popular posts from this blog

Hướng dẫn cài đặt HĐH Kali Linux trên máy thật

Để cài đặt được HĐH Kali Linux trên máy thật các bạn chỉ cần chuẩn bị như sau: 1- USB >=4GB 2- Phiên bản Linux muốn cài đặt (Tải tại đây) 3- Tải win32 disk imager  (Tải tại đây)    Vậy là đã chuẩn bị xong ! TIẾP TỤC: Bước 1 . Khởi động chương trình UUI. Chọn I Agree. Bước 2 . Cấu hình UUI. Step 1: Select a Linux Distribution from the dropdown to put on your USB : Chọn hệ điều hành cần tạo, bạn chọn Kali Linux. Step 2: Select your Kali*.iso : Chọn file cài cài đặt Kali Linux. Lưu ý: tên file phải bắt đầu bằng Kali và kết thúc bằng .iso . Step 3: Select your USB Flash Drive Letter Only: Chọn thiết bị USB của bạn. Check vào We will format E:\ Drive as Fat32 để format lại USB của bạn. Cấu hình UUI Cảnh báo Format USB hiện lên, bạn chọn Yes để bắt đầu tiến trình. Cảnh báo format, chọn Yes. Tiến trình format và tạo USB Boot Kali Linux bắt đầu. Format và gắn nhãn UUI. Bắt đầu giải nén file .iso. Quá trình giải nén. Bước 3 . Hoàn t...

Làm thế nào để trở thành một Hacker Pro: 5 kĩ năng hacking cơ bản

Hacker - Thuật ngữ áp dụng cho người sử dụng máy tính và máy tính xách tay của mình để truy cập dữ liệu trái phép. Tìm hiểu về hacking và cố gắng nó không phải là một tội ác, trừ khi bạn đang làm việc đó để có được quyền truy cập trái phép vào dữ liệu. Bạn có thể sử dụng nó cho an ninh của bạn cũng vì vậy mà những người khác không thể hack bạn. Nếu bạn nghĩ rằng hacker chỉ hack vào mạng và đánh cắp dữ liệu, sau đó bạn là sai trong phần đó. Động cơ chính đằng sau cung cấp các khóa học hacking và học tập của mình với mọi người, những người quan tâm để trở thành hacker và đã sẵn sàng để đối phó với tin tặc khác, những người không sử dụng kỹ năng của họ độc đáo. Vì vậy, hôm nay tôi sẽ cho bạn biết về 5 kỹ năng hack mà sẽ cho bạn thấy làm thế nào để trở thành hacker. Bởi vì nếu bạn muốn trở thành một hacker chuyên nghiệp bạn cần phải đánh bại một. Vì vậy, hãy kiểm tra các kỹ năng dưới đây. 5 Skills Required To Become A Pro Hacker 1. Basic Computer and Networking Skills Kiến thức...

Master Proptypes trong React

React là một thư viện JavaScript cho việc xây dựng giao diện người dùng (UI). React giúp quản lý dễ các trạng thái (state) của ứng dụng hơn và sẽ thay đổi UI khi mà state thay đổi. React dựa vào các component và mỗi component có state của nó. Nếu như là state của component dùng setState() và có thể thể props từ component cha. The Problem Từ khi Reatc là một thư viện JavaScript và JS không cung cấp bất cứ thứ gì về type-checking , bỏ qua việc đó khi sử dụng props component có thể khiến bạn gặp bugs trong ứng dụng. Solution Bạn có thể dùng Js extensions như TypeScript cho việc checking, nhưng nếu bạn không muốn sử dụng nó, React cung cấp đầy đủ cho tính năng type-checking verify props của các component chính xác type. Sử dụng PropTypes, bạn có thể chắc chắn các component nhận đúng type của props. Ví dụ, ta có Person component và nhận 2 props: `name` và `age`. Sử dụng PropTypes, ta có thể chắc chắn `name` luôn luôn là `string` và `age` luôn luôn là number. Installing Pr...