JavaScript Переменные


Переменные — это "контейнеры" для хранения информации.

В JavaScript переменные используются для хранения данных и могут динамически изменяться во время выполнения программы.

В JavaScript переменные могут хранить различные типы данных, такие как числа, строки, объекты, функции и т. д.

Имена переменных — это идентификаторы, используемые для ссылки на данные, хранящиеся в переменных.

В JavaScript вы можете использовать следующие ключевые слова:var、letиconstдля объявления переменных.

  • var: Способ объявления переменной, представленный в ES5, с функциональной областью видимости.

  • let: Способ объявления переменной, представленный в ES6, с блочной областью видимости.

  • const: Способ объявления константы, представленный в ES6, с блочной областью видимости, значение неизменяемо.

Примеры

var x=5; var y=6; var z=x+y;

Попробуйте сами »

Так же, как в алгебре

x=5
y=6
z=x+y

В алгебре мы используем буквы (например, x) для хранения значений (например, 5).

С помощью выражения z=x+y выше мы можем вычислить, что значение z равно 11.

В JavaScript эти буквы называются переменными.

lamp Переменные можно рассматривать как контейнеры для хранения данных.


Переменные JavaScript

Как в алгебре, переменные JavaScript можно использовать для хранения значений (таких какx = 5) и выражений (таких какz = x + y)。

Переменные могут использовать короткие имена (например, x и y) или более описательные имена (например, age, sum, totalvolume).

  • Имена переменных должны начинаться с буквы
  • Переменные также могут начинаться с символов $ и _ (хотя мы не рекомендуем это)
  • Имена переменных чувствительны к регистру (y и Y — разные переменные)
lamp Инструкции JavaScript и переменные JavaScript чувствительны к регистру.


Типы данных JavaScript

Переменные JavaScript также могут содержать другие типы данных, например текстовые значения (name="Bill Gates").

В JavaScript фрагмент текста, например "Bill Gates", называется строкой.

Существует много типов переменных JavaScript, но пока мы сосредоточимся только на числах и строках.

Когда вы присваиваете переменной текстовое значение, его следует заключать в двойные или одинарные кавычки.

Когда значение, которое вы присваиваете переменной, является числовым, не используйте кавычки. Если заключить числовое значение в кавычки, оно будет рассматриваться как текст.

Примеры

var pi=3.14; //Если вы знакомы с ES6, для pi можно использовать ключевое слово const, чтобы обозначить константу // const pi = 3.14; var person="John Doe"; var answer='Yes I am!';

Попробуйте сами »


Объявление (создание) переменных JavaScript

Создание переменных в JavaScript часто называют "объявлением" переменных.

Мы используем ключевое слово var для объявления переменных:

var carname;

После объявления переменная пуста (у неё нет значения).

Чтобы присвоить переменной значение, используйте знак равенства:

carname="Volvo";

Однако вы также можете присвоить переменной значение при её объявлении:

var carname="Volvo";

В примере ниже мы создаём переменную с именем carname, присваиваем ей значение "Volvo", а затем помещаем её в HTML-абзац с id="demo":

Примеры

var carname="Volvo"; document.getElementById("demo").innerHTML=carname;

Попробуйте сами »

Особенности объявлений var:

  • Переменные можно переобъявлять (перезаписывая исходную переменную).
  • Если переменной не присвоено значение, значением по умолчанию является undefined.
  • Переменные, объявленные с помощью var, поднимаются, но не инициализируются.

lamp Хорошая привычка программирования — объявлять все необходимые переменные единообразно в начале кода.


Один оператор, много переменных

Вы можете объявить много переменных в одном операторе. Начните оператор с var и разделите переменные запятыми:

var lastname="Doe", age=30, job="carpenter";

Объявления также могут занимать несколько строк:

var lastname="Doe",
age=30,
job="carpenter";

Нескольким переменным, объявленным в одном операторе, нельзя одновременно присвоить одно и то же значение:

var x, y, z = 1;

x, y имеют значение undefined, z равен 1.



Value = undefined

В компьютерных программах часто объявляются переменные без значения. Переменная, объявленная без значения, фактически имеет значениеundefined。

После выполнения следующего оператора значение переменной carname будет undefined:

var carname;


Повторное объявление переменных JavaScript

Если вы повторно объявите переменную JavaScript, её значение не будет потеряно:

После выполнения следующих двух операторов значение переменной carname по-прежнему "Volvo":

var
carname="Volvo"; 
var carname;


Арифметика в JavaScript

Вы можете выполнять арифметические операции с переменными JavaScript, используя такие операторы, как = и +:

Примеры

y=5; x=y+2;

Попробуйте сами »

Использование let и const (ES6)

До 2015 года мы использовали ключевое слово var для объявления переменных JavaScript.

Версии JavaScript после 2015 года (ES6) позволяют нам использовать ключевое слово const для определения константы и ключевое слово let для определения переменных с ограниченной областью видимости.

let

let — это новый способ объявления переменных, представленный в ES6, и он рекомендуется.

Синтаксис let:

let variableName = value;

Примеры

let city = "Beijing";
let age = 30;
console.log(city, age); // Вывод: Beijing 30

const

const используется для определения констант: после присваивания значение переменной нельзя изменить.

Синтаксис const:

const variableName = value;

Примеры

const z = 10;
// z = 20; // Ошибка, константы нельзя переназначить
if (true) {
    const z = 20; // Разные константы
    console.log(z); // Вывод 20
}
console.log(z); // Вывод 10

Подробнее о const и let можно узнать здесь:JavaScript let и const.

Safari 10 и Edge 14 были первыми браузерами, поддерживающими все возможности ES6:

Chrome 58 Edge 14 Firefox 54 Safari 10 Opera 55
Янв 2017 Авг 2016 Мар 2017 Июл 2016 Авг 2018

Вы узнаете больше об операторах JavaScript в последующих главах этого руководства.

Другие расширения