Var, Let и Const

Все мы много раз использовали переменные var, let и const в JavaScript, но иногда мы путаемся, какую переменную лучше использовать для конкретной программы. Я пишу этот блог о том, как понять переменные let, var и const, чтобы помочь кому-то прояснить свои основы в отношении этих переменных.

Содержание
  1. Var
  2. Let
  3. Const

Var

Это самое старое ключевое слово для объявления переменной в JavaScript. Область его применения — глобальная или область применения функции. Переменные, определенные вне функции, могут быть доступны глобально, а переменные, определенные внутри конкретной функции, могут быть доступны внутри функции.
Ее можно обновлять и повторно объявлять в области видимости.

Пример —

    function f() {
        var a = 7;
        console.log(a)
    }
    f();
    console.log(a);
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

7
ReferenceError: a is not defined
Ввести полноэкранный режим Выход из полноэкранного режима

Let

Это улучшенная версия ключевого слова var. Область применения ключевого слова let ограничена только блоком. Оно не может быть доступно за пределами конкретного блока.
Оно может быть обновлено, но не может быть повторно объявлено в области видимости.

Пример 1-

    let a =7;
    function f() {
        if (true) {
            let b = 9

            // It prints 9
            console.log(b);
        }

        // It gives error as it
        // defined in if block
        console.log(b);
    }
    f()

    // It prints 7
    console.log(a)
Вход в полноэкранный режим Выход из полноэкранного режима

Выход —

9
ReferenceError: b is not defined
7
Ввести полноэкранный режим Выход из полноэкранного режима

Пример 2-

let a = 7
if (true) {
    let a=9
    console.log(a) // It prints 9
}
console.log(a) // It prints 7
Вход в полноэкранный режим Выход из полноэкранного режима

Выход-

9
7
Вход в полноэкранный режим Выход из полноэкранного режима

Const

Обладает всеми теми же свойствами, что и ключевое слово let, за исключением того, что пользователь не может его обновлять. Он не может быть обновлен или повторно объявлен в области видимости.

Пример —

    const a = {
        prop1: 7,
        prop2: 9
    }

    // It is allowed
    a.prop1 = 3

    // It is not allowed
    a = {
        b: 7,
        prop2: 9
    }

Войти в полноэкранный режим Выход из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий