Puntkomma vir veiligheid in IIFE

Laat ons nou aanneem dat ons onmiddellik-aanroepbare funksie nie met 'n plus aan die begin is nie, maar toegedraai is met ronde hakies, soos hier:

(function() {
	console.log(1); // sal 1 vertoon
})();

Laat die veranderlike num buite die funksie gedefinieër word:

let num = 1; // puntkomma is hier

(function() {
	console.log(num); // sal 1 vertoon
})();

Laat ons nou aanneem dat ons vergeet het om 'n puntkomma te plaas:

let num = 1

(function() {
	console.log(num); //!! sal 'n fout gee
})();

Dit beteken hierdie kode sal 'n fout gee, aangesien JavaScript ons funksie sien as 'n voortsetting van die opdrag in die eerste reël.

Om sulke probleme te vermy, moet jy altyd 'n puntkomma plaas voor die aanroep van 'n funksie op sy plek, soos hier:

let num = 1

;(function() {
	console.log(num); // sal 1 vertoon
})();

Dit mag voel asof die probleem ietwat geforseer is. Eintlik is dit nie. Daar kan 'n situasie wees waar jy verskeie skrifte vanuit afsonderlike lêers op 'n bladsy inskakel. In hierdie geval mag die puntkomma aan die einde van een lêer weggelaat word en dit sal outomaties lei tot 'n probleem as die tweede lêer begin met 'n onmiddellike funksie-aanroep.

Daarom, plaas altyd-altyd 'n puntkomma voor die aanroep van 'n funksie op sy plek, selfs al is jy tans seker dat daar geen probleme sal wees nie. Hulle kan later ontstaan.

Laat ons dit wat hierbo gesê is toepas en 'n funksie op sy plek aanroep, deur 'n puntkomma aan die begin te plaas:

;(function() {
	console.log(1); // sal 1 vertoon
})();

Bepaal, sonder om die kode uit te voer, wat in die konsole vertoon sal word:

let str = 'str';

(function() {
	console.log(1);
})();

Bepaal, sonder om die kode uit te voer, wat in die konsole vertoon sal word:

let str = 'str'

(function() {
	console.log(1);
})();