Globális változók és függvényparaméterek a JavaScriptben

Tegyük fel, hogy van egy függvényünk, amely számot fogad paraméterként:

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

Tegyük fel, hogy a függvényen kívül van egy num változó:

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

let num = 1; // külső globális változó

Hívjuk meg a függvényünket, átadva neki a num változót paraméterként:

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

let num = 1;
func(num); // meghívjuk a függvényt paraméterrel, kiírja az 1-et

Így a függvényen belül mind a localNum változó (a függvény paramétere), mind a num változó (mint külső változó) elérhető lesz:

javascriptfunction func(localNum) {
  console.log(num); // kiírja az 1-et
  console.log(localNum); // kiírja az 1-et
}

let num = 1;
func(num);

Maga a localNum változó a függvény lokális változója lesz, és kívülről nem lesz elérhető:

javascriptfunction func(localNum) {
  
}

let num = 1;
func(num); // meghívjuk a függvényt paraméterrel
console.log(localNum); // hibát jelez

Mivel a localNum változó lokális, ezért bármilyen módosítás rajta nem fog semmit megváltoztatni kívül:

javascriptfunction func(localNum) {
  localNum = 2; // semmit sem változtat kívül
}

let num = 1;
func(num);

Ha viszont megváltoztatjuk a num változót (a globálist) a függvényen belül, akkor a változások kívül is megjelennek:

javascriptfunction func(localNum) {
  num = 2;
}

let num = 1;
func(num);
console.log(num); // kiírja a 2-t

Azonban, ha a függvényen belül a num változót let-tel deklaráljuk, akkor így egy lokális num változót hozunk létre, amely semmilyen hatással nincs a külső változóra:

javascriptfunction func(localNum) {
  let num = 2; // deklaráljuk let-tel
}

let num = 1;
func(num);
console.log(num); // kiírja az 1-et - semmi sem változott

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

func(1);

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

let num = 1;
func(num);

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

let num = 1;
func(num);
num = 2;

javascriptlet num = 1;

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

num = 2;
func(num);

javascriptfunction func(localNum) {
  localNum = 2;
}

let num = 1;
func(num);
console.log(num);

javascriptfunction func(localNum) {
  num = 2;
}

let num = 1;
func(num);
console.log(num);

javascriptfunction func(localNum) {
  let num = 2;
}

let num = 1;
func(num);
console.log(num);