Cách kiểm tra loại hàm trong JavaScript

Trong các bài tập dưới đây, bạn sẽ cần xác định xem hàm được định nghĩa là Function Declaration hay Function Expression.

Trong các trường hợp đơn giản, điều này không khó để nhận biết bằng mắt. Nhưng làm thế nào để kiểm tra xem bạn đã làm đúng chưa? Hãy sử dụng sự khác biệt giữa Function Declaration và Function Expression: cái đầu tiên có thể được gọi phía trên định nghĩa của nó, còn cái thứ hai thì không.

Giả sử chúng ta có một hàm như thế này:

let test = function() {
	console.log('!');
}

Hãy thử gọi hàm này trước khi nó được định nghĩa:

test(); // sẽ hiển thị lỗi trong console, nghĩa là Function Expression

let test = function() {
	console.log('!');
}

Đây là một ví dụ khác:

func(); // sẽ hiển thị '!', nghĩa là Function Declaration

function func() {
	console.log('!');
}

Hãy thêm dấu cộng phía trước hàm của chúng ta:

func(); // sẽ hiển thị lỗi trong console, nghĩa là Function Expression

+function func() {
	console.log('!');
}

Vì hàm ở trên là Function Expression và nó không được gán cho bất kỳ biến nào, nên không thể gọi nó bằng bất cứ cách nào, bởi vì bằng tên func nó sẽ không thể truy cập được.

Xác định xem hàm được trình bày có phải là Function Declaration hay Function Expression:

let test = function func() {
	console.log('!');
}

Xác định xem hàm được trình bày có phải là Function Declaration hay Function Expression:

console.log(
	function func() {
		console.log('!');
	}
);

Xác định xem hàm được trình bày có phải là Function Declaration hay Function Expression:

+function func() {
	console.log('!');
}

Xác định xem hàm được trình bày có phải là Function Declaration hay Function Expression:

function func() {
	console.log('!');
}