Variabel Global dan Parameter Fungsi dalam JavaScript

Misalkan kita memiliki fungsi yang menerima sebuah angka sebagai parameter:

function func(localNum) {
	console.log(localNum);
}

Misalkan di luar fungsi terdapat variabel num:

function func(localNum) {
	console.log(localNum);
}

let num = 1; // variabel global eksternal

Mari panggil fungsi kita, dengan meneruskan variabel num sebagai parameternya:

function func(localNum) {
	console.log(localNum);
}

let num = 1;
func(num); // memanggil fungsi dengan parameter, akan menampilkan 1

Hasilnya, di dalam fungsi akan tersedia baik variabel localNum (parameter fungsi) maupun variabel num (sebagai variabel eksternal):

function func(localNum) {
	console.log(num); // akan menampilkan 1
	console.log(localNum); // akan menampilkan 1
}

let num = 1;
func(num);

Variabel localNum itu sendiri akan menjadi variabel lokal fungsi dan tidak akan dapat diakses dari luar:

function func(localNum) {
	
}

let num = 1;
func(num); // memanggil fungsi dengan parameter
console.log(localNum); // akan memberikan error

Karena variabel localNum adalah variabel lokal, maka perubahan apa pun yang dilakukan padanya tidak akan mengubah apa pun di luar:

function func(localNum) {
	localNum = 2; // tidak mengubah apa pun di luar
}

let num = 1;
func(num);

Namun, jika kita mengubah variabel num (variabel global) di dalam, maka perubahannya akan muncul di luar juga:

function func(localNum) {
	num = 2;
}

let num = 1;
func(num);
console.log(num); // akan menampilkan 2

Namun, jika di dalam fungsi kita mendeklarasikan variabel num melalui let, maka kita akan membuat variabel lokal num dengan cara ini, yang tidak mempengaruhi variabel eksternal sama sekali:

function func(localNum) {
	let num = 2; // deklarasikan dengan let
}

let num = 1;
func(num);
console.log(num); // akan menampilkan 1 - tidak ada yang berubah