Javascript: Arrow function nhập môn

1. Arrow function là gì?

Arrow function là một tính năng mới của ES6 (ECMAScript2015) được sử dụng song song với cách viết javascript truyền thống, giúp cho cú pháp đơn giản hơn; bạn sẽ không phải viết các từ khóa như return, function, hay những dấu ngoặc có thể bỏ đi khi không cần thiết.

2. Lợi thế của Arrow function

2.1 Cú pháp đơn giản

Hãy lấy một ví dụ đơn giản nào:

function funcName(params) {
   return params + 2;
 }
funcName(2);

// 4

Với arrow function, chúng ta chỉ cần biểu diễn với 1 dòng code

var funcName = (params) => params + 2
funcName(2);

// 4

Cú pháp của arrow function sẽ là:

(parameters) => { statements }

Nếu như bạn không có tham số nào, nó sẽ như thế này:

() => { statements }

Còn nếu bạn muốn return giá trị đó, dấu ngoặc nhọn là không bắt buộc:

parameters => expression

// nó tương đương với đoạn code:

function (parameters) {
  return expression;
}

Hòm hòm rồi đấy, bạn đã biết cú pháp cơ bản rồi, làm vài ví dụ cụ thể thôi