Змінні в JavaScript необхідні для зберігання та обробки даних. Важливо розуміти, де ці змінні діють і до яких ділянок вашого коду вони можуть отримати доступ. Враховуючи різні типи змінних - глобальні та локальні - розуміння "області видимості" має фундаментальне значення. Тож давайте зануримось і з'ясуємо, що таке глобальні та локальні змінні.
Основні висновки
- Глобальні змінні доступні скрізь у коді, в той час як локальні змінні видимі лише в межах своєї функції.
- Визначення змінної поза функцією робить її глобальною, а визначення всередині функції - локальною.
- Для чіткої та зручної структури коду краще оголошувати глобальні змінні на початку скрипта.
Покрокова інструкція
Визначення змінних та їхня видимість
На першому кроці ми розглянемо, як можна створити змінну і що означає її видимість. Якщо ви оголошуєте змінну поза будь-якою функцією, як показано в наступному прикладі, вона є глобальною.
Тут ми створимо глобальну змінну з назвою myVariable.
Створення функцій з локальними змінними
Далі ми створюємо дві функції. Одну функцію ми називаємо localFunction, в якій створюємо локальну змінну. Ця змінна буде видима тільки в межах функції. Давайте визначимо нашу функцію.
У функції localFunction створюємо локальну змінну localV зі значенням 5 і виводимо її на екран.
Виклик функцій
Тепер ми хочемо викликати localFunction для виведення числа 5. Після того, як ми викликали функцію в коді, виведення виглядає так:
Тестування видимості локальної змінної
Тепер спробуємо використати локальну змінну localV в іншій функції. Ви помітите, що це не працює. Давайте зробимо виклик otherFunction і подивимося, що станеться.
Ми отримаємо помилку, тому що змінна localV видима тільки в межах localFunction.
Перевірка помилок в консолі
Щоб краще зрозуміти, чому виникає помилка, розглянемо код в консолі. Клацнувши правою кнопкою миші і вибравши "Дослідити", ви можете відкрити DOM-переглядач і консоль для аналізу помилки.
Там ви побачите, що localV не визначено. Це підтверджує припущення, що змінна не існує поза межами своєї функції.
Визначення глобальної змінної
Тепер давайте створимо глобальну змінну, яку ми зможемо використовувати в обох функціях. Назвемо цю змінну globaleVariable і надамо їй просте текстове значення.
Тепер цю глобальну змінну можна викликати в обох функціях, і результат буде однаковим. Давайте перевіримо це один раз.
Визначення змінної та порядок виклику
Важливо відзначити, що порядок визначення змінних і функцій має вирішальне значення. Якщо ви створите глобальну змінну нижче її використання, це призведе до невизначеної проблеми.
Це пов'язано з тим, що функція, якій потрібна глобальна змінна, викличе її раніше, ніж вона буде визначена. Щоб уникнути цього, бажано визначати глобальні змінні у верхній частині коду.
Більше про локальні змінні та їх використання
Тепер створимо ще одну локальну змінну в іншій функції. Тут ми назвемо її localVariable і встановимо її значення 12.
Ми також можемо використовувати цю локальну змінну, але тільки в межах її власної функції, а не в інших. Якщо ви використовуєте обидві локальні змінні, це може забезпечити терпіння і порядок у ваших програмах, залежно від їх складності.
Підсумовуючи концепції
Тепер ви розумієте основні поняття про видимість та область видимості змінних у JavaScript. Глобальні змінні є видимими для всіх функцій, тоді як локальні змінні існують лише в межах своєї функції. Рекомендується визначати глобальні змінні в центральному місці коду, щоб покращити читабельність і зручність супроводу.
Висновок - Видимість змінних у JavaScript
Підводячи підсумок, ви дізналися, що спосіб визначення змінних має прямий вплив на їх видимість та область застосування. Завжди звертайте увагу на те, де ви розміщуєте змінні, щоб уникнути помилок.
Поширені запитання
Що таке глобальні змінні? Глобальні змінні - це змінні, які оголошуються поза функціями і тому доступні в усьому скрипті.
Що таке локальні змінні?Локальні змінні - це змінні, які створюються всередині функції і доступні тільки в межах цієї функції.
Як найкраще використовувати глобальні змінні?Бажано визначати глобальні змінні на початку скрипта, щоб забезпечити чітку структуру і кращу ремонтопридатність.
Чи можна використовувати локальні змінні поза функцією?Ні, локальні змінні видимі лише в межах функції, в якій вони були визначені.
Як боротися з помилками, пов'язаними з невизначеністю?Зверніть увагу на порядок визначення змінних і функцій, щоб переконатися, що необхідні змінні визначені до того, як вони будуть використані.
