Uproszczony. Tak bardzo normalnie wygląda, jest prawie pocieszające:
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
Co jednak jeśli dołączę do mojej strony naprawdę przydatną bibliotekę javascript, która tłumaczy zaawansowane znaki na ich reprezentacje na poziomie podstawowym?
Czekaj, co?
Mam na myśli, czy ktoś wpisuje znak z jakimś akcentem, ale chcę w moim programie tylko „angielskie” znaki AZ? Cóż ... hiszpańskie „ñ” i francuskie „é” można przetłumaczyć na podstawowe znaki „n” i „e”.
Więc ktoś miły napisał obszerny konwerter znaków, który mogę umieścić na mojej stronie ...
Jeden problem: ma w sobie funkcję o nazwie „nazwa” taka sama jak moja funkcja.
To się nazywa kolizja. Mamy dwie funkcje zadeklarowane w tym samym zakresie o tej samej nazwie. Chcemy tego uniknąć.
Więc musimy jakoś zawęzić nasz kod.
Jedynym sposobem na zakodowanie kodu w javascript jest zawinięcie go w funkcję:
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
To może rozwiązać nasz problem. Wszystko jest teraz zamknięte i można uzyskać do niego dostęp tylko z poziomu naszych klamr otwierających i zamykających.
Mamy funkcję w funkcji ... co jest dziwne, ale całkowicie legalne.
Tylko jeden problem. Nasz kod nie działa. Nasza zmienna userName nigdy nie jest wyświetlana w konsoli!
Możemy rozwiązać ten problem, dodając wywołanie do naszej funkcji po naszym istniejącym bloku kodu ...
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
main();
Lub przed!
main();
function main() {
// We are now in our own sound-proofed room and the
// character-converter libarary's name() function can exist at the
// same time as ours.
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
Drugi problem: jakie są szanse, że nazwa „główna” nie została jeszcze użyta? ... bardzo, bardzo szczupły.
Potrzebujemy WIĘCEJ zakresu. I jakiś sposób na automatyczne wykonanie naszej funkcji main ().
Teraz dochodzimy do funkcji automatycznego wykonywania (lub samowykonywania, samoczynnego działania, cokolwiek).
((){})();
Składnia jest niezręczna jak grzech. Jednak to działa.
Gdy zawijasz definicję funkcji w nawiasach i dołączasz listę parametrów (inny zestaw lub nawiasy!), Działa ona jak wywołanie funkcji .
Spójrzmy więc jeszcze raz na nasz kod z pewną samowystarczalną składnią:
(function main() {
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
)();
Tak więc w większości samouczków, które czytasz, będziesz bombardowany terminem „anonimowy samowykonanie” lub coś podobnego.
Po wielu latach rozwoju zawodowego zdecydowanie zachęcam do nazwania każdej pisanej funkcji do celów debugowania.
Gdy coś pójdzie nie tak (i tak się stanie), będziesz sprawdzać ślad w przeglądarce. Tak jest zawsze łatwiej zawęzić problemów kodu gdy wpisy w ślad stosu mają imiona!
Niezwykle długa i mam nadzieję, że to pomoże!