Спрощений. Це дуже нормальний вигляд, його майже втішне:
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
Однак що робити, якщо я включу на свою сторінку дійсно зручну бібліотеку javascript, яка переводить розширені символи в їх представлення на базовому рівні?
Чекати, що?
Я маю на увазі, якщо хтось набирає персонажа з якимось акцентом на ньому, але я хочу лише "англійських" символів AZ у своїй програмі? Ну ... іспанські символи "ñ" та французькі "é" можуть бути переведені в основні символи "n" і "e".
Тож хтось приємний чоловік написав там всебічний конвертер символів, який я можу включити на свій сайт ... Я включаю його.
Одна проблема: у ній є функція, яка називається "ім'я", як і моя функція.
Це те, що називається зіткненням. У нас є дві функції, оголошені в тій самій області з тим же ім'ям. Ми хочемо цього уникнути.
Тому нам потрібно якось обшивати наш код.
Єдиний спосіб застосування коду в javascript - це вбудувати його у функцію:
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;
}
}
Це може вирішити нашу проблему. Все тепер укладено і отримати доступ до нього можна лише з нашої дужки відкриття та закриття.
У нас є функція у функції ... що дивно дивитися, але цілком законно.
Лише одна проблема. Наш код не працює. Наша змінна userName ніколи не повторюється в консолі!
Ми можемо вирішити цю проблему, додавши виклик до нашої функції після наявного блоку коду ...
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();
Або раніше!
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;
}
}
Побічна проблема: Які шанси, що назва "головний" ще не використовується? ... так дуже, дуже струнка.
Нам потрібно БІЛЬШЕ масштабування. І якийсь спосіб автоматично виконати нашу основну () функцію.
Тепер ми переходимо до функцій автоматичного виконання (або самовиконання, самостійного запуску, будь-чого).
((){})();
Синтаксис незручний як гріх. Однак це працює.
Коли ви загортаєте визначення функції в дужки та включаєте список параметрів (інший набір чи круглі дужки!), Він виконує функцію виклику функції .
Тож давайте переглянемо наш код ще раз із деяким синтаксисом, що виконує себе:
(function main() {
var userName = "Sean";
console.log(name());
function name() {
return userName;
}
}
)();
Отже, у більшості прочитаних вами навчальних посібників ви зараз будете бомбардувати терміном "анонімне самовиконання" чи чимось подібним.
Після багатьох років професійного розвитку настійно закликаю вас назвати кожну функцію, яку ви пишете для налагодження.
Коли щось піде не так (і це станеться), ви будете перевіряти відстань у своєму браузері. Це завжди легше скоротити ваші питання коду під час запису в трасуванні стека мають імена!
Величезна довговільна і сподіваюся, що це допоможе!