Kiến thức ES6 - Arrow Function - Khai báo hàm kiểu mũi tên

Khái niệm

ES6 arrow function, viết function dưới dạng mũi tên =>.
Cách viết này linh hoạt, tùy biến function hơn so với cách viết cũ.

Cách viết cũ​	Sử dụng Arrow Function​
var functionName = function(val1, val2){ /* Nội dung function */ }	var functionName = (val1, val2) => { /* Nội dung function */ }

Ví dụ về arrow function​

Ví dụ cơ bản về arrow function​

var member = (name, age) => {
    console.log(name, age);
}
member("Lê Đăng Dũng", 5); /* output: "Lê Đăng Dũng" 5 */

Ví dụ cơ bản về arrow function - 1 tham số​

var member = name => {
    console.log(name);
}
member("Lê Đăng Dũng"); /* output: "Lê Đăng Dũng" */

Ví dụ cơ bản về arrow function - không có tham số​

var member = () => {
    console.log("Lê Đăng Dũng");
}
member(); /* output: "Lê Đăng Dũng" */

Ví dụ cơ bản về arrow function - return giá trị​

var a = [1, 2, 3];
var arr = () => a[0];
console.log(arr()); /* output: 1 */