Область видимости переменных var, let, const в JavaScript

Компьютер, программы

→

JavaScript - язык программирования для HTML

Область видимости переменных var, let, const в JavaScript | стандарт ES5

посмотрели 10360 раз

обновлено: 1 августа 2020

в JavaScript переменные объявляется разными способами:

Пример

Что означает?

var

var a = 10;

1. Если переменная объявлена вначале файла то видна везде (внутри всех функций) то есть это глобальная переменная. Пример...

2. Если переменная объявлена внутри функции то видна толко внутри этой функции. Пример...

3. Если переменная объявлена вначале файла и такая же переменная объявлена внутри функции то переменная внутри функции НЕ ВЛИЯЕТ на переменную вначале файла (это разные переменные). Пример...

4. Если объявлена переменная в любом месте и такая же переменная объявлена чуть ниже внутренний блок тогда переменная внутренний блок ВЛИЯЕТ на переменную выше (это одна и таже переменная). Пример...

let

let b = 20;

1. такое же поведение как и var. Пример...

2. такое же поведение как и var. Пример...

3. такое же поведение как и var. Пример...

4. Если объявлена переменная let в любом месте и такая же переменная let объявлена чуть ниже внутренний блок тогда переменная внутренний блок НЕ ВЛИЯЕТ на переменную выше (это разные переменные). Пример...

const

const c = 30;

const переменная такая же как let только не может менять свое значение. Пример...

d = 40;

Если d переменная существует то заменит значение
если d переменная не существует то переменная будет объявлена как var
Пример...

var

JavaScript Пример 1. var переменная объявлена в начале файла это глобальная переменная

// объявляем глобальную переменную
var a = 10;

// a переменная видна внутри цикла
for (var i=1; i<=1; i++)
{
// a = 10
}

// a переменная видна внутри функции
function ShowValue()
{
// a = 10
}

JavaScript Пример 2. var переменная объявлена внутри функции это локальная переменная

function SetValue()
{
// объявляем локальную переменную
var a = 15;
}

// вызываем функцию SetValue()
SetValue();

// после выполнения функции SetValue
// a переменная не определена

JavaScript Пример 3. var переменная объявлена вначале файла и такая же переменная объявлена внутри функции

// объявляем глобальную переменную
var a = 10;
var t = 30;

// такую же переменную объявляем внутри функции
function SetValue()
{
var a = 100;
t = 300;
}

// вызываем функцию SetValue()
SetValue();

// после выполнения функции SetValue
// переменная a = 10
// переменная t = 300

JavaScript Пример 4. var переменная и такая же переменная объявлена чуть ниже внутренний блок

// объявляем глобальную переменную
var a = 10;

// объявляем переменную внутренний блок if
if (777==777)
{
var a = 56;
}

// после выхода из блока if
// a = 56

let

JavaScript Пример 1. let переменная объявлена в начале файла это глобальная переменная

// объявляем глобальную переменную
let b = 20;

// b переменная видна внутри цикла
for (var i=1; i<=1; i++)
{
// b = 20
}

// b переменная видна внутри функции
function ShowValue()
{
// b = 20
}

JavaScript Пример 2. let переменная объявлена внутри функции это локальная переменная

function SetValue()
{
// объявляем локальную переменную
let b = 15;
}

// вызываем функцию SetValue()
SetValue();

// после выполнения функции SetValue
// b переменная не определена

JavaScript Пример 3. let переменная объявлена вначале файла и такая же переменная объявлена внутри функции

// объявляем глобальную переменную
let b = 20;
let t = 30;

// такую же переменную объявляем внутри функции
function SetValue()
{
let b = 200;
t = 300;
}

// вызываем функцию SetValue()
SetValue();

// после выполнения функции SetValue
// b = 20
// t = 300

JavaScript Пример 4. let переменная и такая же переменная объявлена чуть ниже внутренний блок

// объявляем глобальную переменную
let b = 10;

// объявляем переменную внутри блока if
if (777==777)
{
let b = 56;
}

// после выхода из блока if
// b = 10

const

JavaScript Пример

// объявляем переменную const
const c = 30;

c = 120; // ошибка! второй раз нельзя устанавливать значение

пустое объявление переменной

JavaScript Пример

// объявляем глобальную переменную
var e = 10;

function SetValue()
{
// e переменная уже существует поэтому заменим значение
e = 40;
}

// вызываем функцию SetValue()
SetValue();

// после выполнения функции
// e = 40

← Предыдущая тема
Доступ к переменным до их определения (Hoisting) в JavaScript | стандарт ES5

Следующая тема →
Текст в JavaScript. Класс String. Пример: var myText = String("World"); | стандарт ES5