Phạm vi hiển thị của hàm lồng nhau trong JavaScript

Nếu một hàm chứa bên trong nó một hàm khác - các biến của hàm bên ngoài sẽ hiển thị được ở hàm bên trong:

function test() {
	let num = 1; // biến của hàm bên ngoài
	
	function func() {
		console.log(num); // sẽ in ra 1
	}
	
	func(); // gọi hàm bên trong
}

test(); // gọi hàm bên ngoài

Đồng thời, trong hàm bên trong cũng sẽ nhìn thấy các biến được định nghĩa bên ngoài hàm bên ngoài:

let num = 1; // biến toàn cục

function test() {
	function func() {
		console.log(num); // sẽ in ra 1
	}
	
	func(); // gọi hàm bên trong
};

test(); // gọi hàm bên ngoài

Xác định, không chạy code, xem điều gì sẽ được in ra console:

function test() {
	let num = 1;
	
	function func() {
		console.log(num);
	}
	
	func();
}

test();

Xác định, không chạy code, xem điều gì sẽ được in ra console:

function test() {
	let num = 1;
	
	function func() {
		console.log(num);
	}
}

test();

Xác định, không chạy code, xem điều gì sẽ được in ra console:

function test() {
	let num = 1;
	
	function func() {
		console.log(num);
	}
	
	func();
}

Xác định, không chạy code, xem điều gì sẽ được in ra console:

function test() {
	let num;
	
	function func() {
		console.log(num);
	}
	
	num = 1
	func();
	
	num = 2
	func();
}

test();