JavaScript Переменные
Переменные — это "контейнеры" для хранения информации.
В JavaScript переменные используются для хранения данных и могут динамически изменяться во время выполнения программы.
В JavaScript переменные могут хранить различные типы данных, такие как числа, строки, объекты, функции и т. д.
Имена переменных — это идентификаторы, используемые для ссылки на данные, хранящиеся в переменных.
В JavaScript вы можете использовать следующие ключевые слова:var、letиconstдля объявления переменных.
var: Способ объявления переменной, представленный в ES5, с функциональной областью видимости.let: Способ объявления переменной, представленный в ES6, с блочной областью видимости.const: Способ объявления константы, представленный в ES6, с блочной областью видимости, значение неизменяемо.
Так же, как в алгебре
x=5
y=6
z=x+y
В алгебре мы используем буквы (например, x) для хранения значений (например, 5).
С помощью выражения z=x+y выше мы можем вычислить, что значение z равно 11.
В JavaScript эти буквы называются переменными.
| Переменные можно рассматривать как контейнеры для хранения данных. |
Переменные JavaScript
Как в алгебре, переменные JavaScript можно использовать для хранения значений (таких какx = 5) и выражений (таких какz = x + y)。
Переменные могут использовать короткие имена (например, x и y) или более описательные имена (например, age, sum, totalvolume).
- Имена переменных должны начинаться с буквы
- Переменные также могут начинаться с символов $ и _ (хотя мы не рекомендуем это)
- Имена переменных чувствительны к регистру (y и Y — разные переменные)
| Инструкции JavaScript и переменные JavaScript чувствительны к регистру. |
Типы данных JavaScript
Переменные JavaScript также могут содержать другие типы данных, например текстовые значения (name="Bill Gates").
В JavaScript фрагмент текста, например "Bill Gates", называется строкой.
Существует много типов переменных JavaScript, но пока мы сосредоточимся только на числах и строках.
Когда вы присваиваете переменной текстовое значение, его следует заключать в двойные или одинарные кавычки.
Когда значение, которое вы присваиваете переменной, является числовым, не используйте кавычки. Если заключить числовое значение в кавычки, оно будет рассматриваться как текст.
Примеры
Попробуйте сами »
Объявление (создание) переменных JavaScript
Создание переменных в JavaScript часто называют "объявлением" переменных.
Мы используем ключевое слово var для объявления переменных:
var carname;
После объявления переменная пуста (у неё нет значения).
Чтобы присвоить переменной значение, используйте знак равенства:
carname="Volvo";
Однако вы также можете присвоить переменной значение при её объявлении:
var carname="Volvo";
В примере ниже мы создаём переменную с именем carname, присваиваем ей значение "Volvo", а затем помещаем её в HTML-абзац с id="demo":
Особенности объявлений var:
- Переменные можно переобъявлять (перезаписывая исходную переменную).
- Если переменной не присвоено значение, значением по умолчанию является undefined.
- Переменные, объявленные с помощью var, поднимаются, но не инициализируются.
| Хорошая привычка программирования — объявлять все необходимые переменные единообразно в начале кода. |
Один оператор, много переменных
Вы можете объявить много переменных в одном операторе. Начните оператор с 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, используя такие операторы, как = и +:
Использование let и const (ES6)
До 2015 года мы использовали ключевое слово var для объявления переменных JavaScript.
Версии JavaScript после 2015 года (ES6) позволяют нам использовать ключевое слово const для определения константы и ключевое слово let для определения переменных с ограниченной областью видимости.
let
let — это новый способ объявления переменных, представленный в ES6, и он рекомендуется.
Синтаксис let:
let variableName = value;
Примеры
let age = 30;
console.log(city, age); // Вывод: Beijing 30
const
const используется для определения констант: после присваивания значение переменной нельзя изменить.
Синтаксис const:
const variableName = value;
Примеры
// 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 в последующих главах этого руководства.
Другие расширения