Как объявить переменную в html

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

Синтаксис

Текст

Закрывающий тег

Атрибуты

HTML5 IE Cr Op Sa Fx

    Тег VAR  В данном примере делается запрос к базе данных для получения поля content_title из таблицы content, причем должно удовлетворяться условие section_id = 1.

Результат данного примера показан ниже.

Рис. 1. Вид текста, оформленного с помощью тега

CSS: Переменные

Современный сайт содержит тысячи строк стилей. Стили для блоков, текста, небольших областей — всё это часто лежит в одном месте. Представьте ситуацию: есть определённый оттенок красного цвета, который мы используем во множестве различных блоков.

Насколько удобно будет изменить все значения, если захочется изменить базовый цвет? Правильно — придётся находить все значения внутри файла и заменять их на новые.

Долгое время это было одной из главных проблем CSS. С появлением стандарта CSS3 эта проблема ушла благодаря переменным.

Переменные в программировании — небольшой участок памяти, в котором мы храним нужное значение. К этому значению всегда можно обратиться из любого доступного места.

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

Переменная создаётся с помощью конструкции —имя-переменной . Имя переменной вы можете выбрать сами. Для примера создадим переменную —main-color , которая будет содержать базовый цвет страниц. Пускай он будет чёрным:

--main-color: #000000;

За такой простотой скрывается то, что переменные имеют разные «области видимости» — участки файла, откуда ими можно воспользоваться. Это большая тема, поэтому разберём только «глобальную область видимости». Это даст возможность использовать переменную в любом участке CSS файла.

Для создания глобальной переменной её нужно указать в специальной конструкции :root . Обычно это делается в самом начале CSS файла:

:root

Теперь можно использовать переменную в любой части нашего CSS-кода. Это делается с помощью специальной конструкции var(—имя-переменной) .

:root < --main-color: #000000; >.news-block < background-color: var(--main-color); >.left-sidebar

Если мы хотим установить другой оттенок чёрного цвета, достаточно изменить только значение переменной —main-color , и все изменения автоматически применятся к блокам с классами .news-block и .left-sidebar

Задание

Создайте переменную —main-blue и установите, в качестве значения, голубой цвет #00bfff . Переменную укажите в :root . Стили запишите в теге

Упражнение не проходит проверку — что делать? ��

Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:

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

В моей среде код работает, а здесь нет ��

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Мой код отличается от решения учителя ��

Это нормально ��, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.

В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Прочитал урок — ничего не понятно ��

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.

Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.

Управление данными с помощью переменных

В предыдущей главе вы научились использовать JavaScript для отображения на экране окон сообщений трех типов, служащих для ввода-вывода информации. Однако примеры сценариев, которые вы видели, не отличались гибкостью. Вы всего лишь дополняли сценарий сообщениями, которые хотели вывести на экран. Любой текст, помещенный в окне запросов, исчезал после щелчка по кнопке выбора. В данной главе вы узнаете, как изменить эту ситуацию. Здесь рассмотрено использование значений и переменных в JavaScript.

Значения в языке JavaScript

Самое ценное в нашем мире — это информация. Каждый фрагмент информации в JavaScript рассматривается как значение (value). Так как информация может быть очень разнообразной, имеются различные категории значений. Простейшие типы данных в JavaScript принято называть основными типами (primitive types).

Три основных типа данных:

строка (string);
число (number);
булево выражение (boolean).

Строки

Возможно, самым распространенным типом данных является строка. Строка -связанный набор символов, включающий в себя буквы, знаки препинания и цифры. В JavaScript строки чаще всего представляют собой какой-либо текст:

Здравствуйте и добро пожаловать!
Кто вы?
Мой рост — шесть футов.

Строки, вставляемые в сценарий JavaScript, заключаются в двойные или одинарные кавычки, например:

«Здравствуйте и добро пожаловать!»

Причина использования двух типов кавычек заключается в том, что двойные кавычки («) могут содержаться внутри строки, заключенной в одинарные кавычки (‘), и наоборот. Например:

«J’m 6 feet tall»
‘»Кто вы?» — спросил он.’

Строка может и вовсе не содержать символов. В этом случае она называется пустой строкой и обозначается пустыми кавычками:

Числа

JavaScript воспринимает два типа чисел. Это целые числа (integer) и числа с плавающей точкой (floating-point number).

Целые числа

Включают в себя положительные целые числа, например 1, 2, 3, отрицательные целые числа, например -1, -2, -3 и нуль — 0.

Хотя большинство чисел, используемых в JavaScript, записываются в десятеричной системе счисления, могут применяться также восьмеричная и шестнадца-теричная системы.

Примечание В книге используется только десятеричная система счисления.

Числа с плавающей точкой

Числа с плавающей точкой представляют собой числа с дробной десятичной частью:

Либо это числа, выраженные в экспоненциальном виде:

Примечание При экспоненциальной записи числа символ «e» в верхнем или нижнем регистре означает «10 в степени».

Число, начинающееся с нуля и содержащее десятичную точку, считается числом с плавающей точкой.

Предупреждение Число, начинающееся с нескольких нулей и содержащее десятичную точку (например, 005.5) воспринимается как ошибка.

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

Большие и маленькие числа

Примечание Если вы не математик, возможно, вам и не придется задумываться о том, насколько большие числа вы используете.

Таблица 4.1. Примеры чисел, использующихся в JavaScript

Число	Описание	Десятичный эквивалент
91	Целое число	91
4.56е2	Число с плавающей точкой	456
0.001	Число с плавающей точкой	0.001
00.001	Ошибка
0.001	Четыре равных числа	0.001
.001	с плавающей точкой
1е-3
1.0е-3

Числа, используемые в JavaScript, могут быть как очень большими, так и очень маленькими. Под очень большими подразумеваются величины до 10 308 (единица с тремястами восемью нулями), а под очень маленькими -10 -308 (нуль целых с тремястами семью нулями и единицей после запятой).

Булевы выражения

Булевы выражения отличаются от строк и чисел тем, что могут принимать лишь два значения: true (истина) и false (ложь).

Примечание Булевыми эти выражения названы в честь английскою математика Джорджа Буля (1815—1864).

Ниже помещены примеры булевых выражений:

Собака лает = true
У собаки пять ног = false

К булевым выражениям вернемся в главе 6, где будут рассматриваться выражения и условия. Пока вам нужно просто знать, что такой тип данных существует и может использоваться в JavaScript.

Особые типы данных: числа, неопределенные и неопределяемые выражения

Помимо рассмотренных типов данных, встречаются еще несколько основных, менее очевидных типов. Далее приводятся четыре числовых значения:

положительная бесконечность;
отрицательная бесконечность;
положительный и отрицательный нуль;
несуществующее число (not a number — NaN).

Имеются еще два специальных типа данных:

неопределенный (null);
неопределяемый (undefined).

Что касается первых четырех типов, то вам не придется работать с ними (не будете же вы вводить в программу бесконечное число). Под несуществующим числом понимается результат бессмысленной математической операции (например, деления на нуль). Бесконечностью считается значение, превышающее 10 308 (например, результат возведения 10 300 в квадрат), и оно также не имеет для вас особого значения (если только не свидетельствует об ошибке).

Неопределенный тип может иметь только одно значение — null. В данном случае это свидетельствует о полном отсутствии полезной информации или каких-либо данных.

Понять, что такое неопределяемый тип данных, несколько сложнее. Здесь тоже возможно только одно значение (undefined), являющееся чаще всего тем же, что и null. В наиболее экстремальных случаях undefined становится плохим признаком (особенно если выдается в виде результата посетителю страницы) и свидетельствует о недочетах вашего сценария.

Переменные в языке JavaScript

Теперь, когда вам известно об используемых в языке JavaScript значениях, вы готовы к тому, чтобы войти в мир переменных (variable) JavaScript.

Переменные имеют огромное значение не только в JavaScript, но и во всех языках программирования. Без их использования трудно обойтись, а с их помощью вы сможете управлять всеми типами данных.

Переменная — это имя, присваиваемое ячейке памяти компьютера, которая хранит определенные данные во время исполнения сценария JavaScript. Возможно, это определение кажется несколько сложным, но на самом деле пользоваться переменными очень просто.

Создание переменных

В языке JavaScript переменные создаются довольно легко. Давайте вернемся к стандартному шаблону HTML, чтобы сразу ввести вас в курс дела:

Прежде всего нужно создать переменную. Это можно сделать двумя путями: объявив ее заранее или создав «на лету». Сначала будут рассматриваться переменные, объявляемые заранее. Позже в этой главе рассказывается, каким образом они создаются «на лету».

Пример. Чтобы объявить (создать) переменную, в языке JavaScript используется оператор var, вслед за которым указывается имя, которое вы хотите присвоить переменной. В данном примере объявляется переменная под названием msg:

Примечание Оператор равноценен законченному предложению в английском языке. Более подробно речь об этом пойдет в седьмой главе.

Вот что следует знать об именах переменных:

в именах переменных можно использовать символы нижнего и верхнего регистра либо сочетание того и другого;
до объявления переменной ее значением считается undefined;
имя переменной не может начинаться с цифры;
в именах переменных недопустимы пробелы; если необходим разделитель, используется символ подчеркивания (_);
в именах переменных следует избегать символа доллара ($) поскольку он не воспринимается браузерами Internet Explorer 3.02 (поддерживающим JScript 1.0) и Netscape Navigator 2.02;
следует избегать использования имен переменных, отличающихся только символами верхнего и нижнего регистра (например, msg и MsG), поскольку JScript 1.0 не сумеет их различить.

Рассмотрим следующие примеры корректных имен переменных:

msg
Hello_all
Msgl
Msg_l

Приведенные ниже имена переменных либо являются недопустимыми, либо их следует избегать:

1msg — начинается с цифры;
helloall- содержит пробел;
var- зарезервированное слово JavaScript;
dollar$ — в имени содержится символ $;
msg и Msg — не используйте такие имена в одном сценарии, поскольку различаются они только регистром.

Пример. Если вы хотите присвоить значение только что объявленной переменной, это можно сделать в той же строке:

Пример. Создать переменную и присвоить ей значение можно и в разных строчках сценария:

Пример. Если вы хотите, чтобы значением вашей переменной была не строка, а число, это делается так:

Предупреждение Если переменной присваивается числовое значение, то не забудьте убрать кавычки. Их наличие свидетельствует о том, что значением переменной является не число, а строка.

Упражнение Создайте простую страницу, объявите переменную и присвойте ей значение строки. Затем создайте новую страницу и присвойте переменной числовое значение. Потренируйтесь, объявляя переменные и присваивая им значения в одной и той же или в разных строчках сценария. Не забывайте добавлять комментарии.

Объявление нескольких переменных

На каком-то этапе освоения JavaScript вам потребуется объявить уже не одну, а несколько переменных.

Пример. Сделать это можно, объявляя каждую переменную в отдельной строке сценария JavaScript:

Пример. Этот способ дает отличный результат, но затрудняет чтение кода. Намного удобнее объявлять все переменные в одной строке:

Строка сценария начинается с оператора var, вслед за которым через запятую перечисляются все объявляемые вами переменные. В конце ставится разделитель строки — точка с запятой.

Предупреждение Пропуск запятой приводит к ошибкам!

Пример. Можете объявить переменные и присвоить им значения в одной строке:

Упражнение Потренируйтесь объявлять несколько переменных, одновременно присваивая им значения. Не забывайте разделять имена переменных запятыми. Добавляйте комментарии в свой сценарий везде, где это кажется удобным.

Вывод на экран значений переменных

Итак, вы объявили несколько переменных и присвоили им строковые или числовые значения. Теперь вы можете заставить их работать.

Посмотрим на эти переменные в действии. В следующем коротком примере будет использоваться метод alert() для вывода на экран значений переменных.

Пример. Начните с объявления двух переменных msgl и numl и присвойте им значе- ния «Привет всем» (строка) и 22 (число):

Затем воспользуйтесь методом alert (). Проверьте, чтобы он добавлялся на страницу после объявления переменных:

И наконец, вам нужно вывести значение переменной с помощью метода alert(). Вспомните, как вы вызывали окно предупредительных сообщений, содержащее текст. Текст помещался в кавычки, таким образом показывалось, что это строка. Вывести окно предупредительных сообщений, которое отображает значение переменной, еще проще. Все, что вам нужно, — указать в круглых скобках имя переменной (без кавычек):

Сохраните страницу и откройте ее в браузере, чтобы увидеть результат вашей работы (см. рис. 4.1).

Читать:

Как пользоваться заливкой в adobe illustrator

Рис. 4.1. Окно предупредительных сообщений, отображающее значение переменной msg 1

Пример. Теперь вы можете вывести в другом окне значение второй переменной:

Снова сохраните страницу и обновите экран в браузере, чтобы взглянуть на сделанные изменения. На этот раз появляются два окна предупредительных сообщений, одно за другим, причем во втором окне отображается число 22 (см. рис. 4.2).

Рис. 4.2. Второе окно предупредительных сообщений, отображающее значение переменной num 1

Упражнение Чтобы закрепить материал, усвоенный в этой главе, можете создать пару подобных примеров. Объявите несколько переменных и присвойте им значения разных типов; затем воспользуйтесь методом alert (), чтобы вывести значения переменных на экран. Вы добьетесь гораздо большего, если откажетесь от использования шаблона. Старайтесь поменьше копировать и вставлять. Пользуйтесь комментариями, чтобы облегчить чтение сценариев.

Отладка

Найдите ошибки в следующих примерах:

При первом использовании метода alert () указано имя переменной, которая не была объявлена и которой не было присвоено значение (msgll). Это пример значения undefined.

Здесь отсутствует запятая при объявлении переменных в строке:

var msgl = «Привет всем» numl = 22;

Недопустимы имена обеих переменных. Первое начинается с цифры, а второе содержит символ пробела.

Использование метода prompt() для присвоения значения переменной

Иногда невозможно присвоить значения переменным непосредственно в сценарии. Например, в случае, когда вы задаете пользователю вопрос, ответ на который не знаете (если только на ваш сайт не заглядывает один-единственный посетитель).

Однако переменным легко присвоить значения в процессе выполнения сценария. Следующий пример показывает, как это делается с помощью метода prompt ():

Пример. Снова возьмите шаблон HTML и вставьте в блоке SCRIPT вызов метода

Затем добавьте сообщение и текст по умолчанию, который вы хотите отобразить:

Далее введенный пользователем текст надо представить в качестве значения некоторой переменной. Делается это очень просто. Вам лишь нужно указать в начале строки название переменной и поставить знак равенства (=):

Обратите внимание, что в данном случае переменная объявляется без использования оператора var. Объявление переменной «на лету» часто оказывается полезным, особенно если вы собираетесь использовать такую переменную для какой-то простой цели (например, чтобы запомнить короткую строку или число). Но если вы, предположим, хотите использовать ее для каких-либо математических вычислений, следует пользоваться оператором var. Так будет легче проследить за переменными. Кроме того, если уж вы решили использовать переменную, определенную с помощью оператора var, объявите ее заранее.

Теперь вам осталось вывести значение переменной yourname на экран в окне предупредительных сообщений:

Сохраните страницу и откройте ее в браузере. Сначала на экране появится окно запросов (см. рис. 4.3).

Рис. 4.3. Окно запросов с текстом поля ввода по умолчанию

Наберите ваше имя в поле ввода (см. рис. 4.4).

Рис. 4.4. Окно запросов с введенным текстом

После щелчка по кнопке ОК появится окно предупредительных сообщений, отображающее набранный вами текст (см. рис. 4.5).

Рис. 4.5. Окно предупредительных сообщений, отображающее значение переменной yourname

Если вы нажмете кнопку Cancel, переменной yourname будет присвоено значение null, которое и отобразится в окне предупредительных сообщений (см. рис. 4.6).

Рис. 4.6. Значение null в окне предупредительных сообщений

Пример. Обратите внимание на то, что значение переменной может выводиться на экран несколько раз (как показано в последующих примерах), поскольку оно сохраняется в памяти до тех пор, пока его не изменят или не удалят:

Пример. Чтобы убедиться в том, что вы можете изменить значение переменной, воспользуйтесь методом prompt() еще раз:

Простая страница

Сохраните страницу и попробуйте открыть ее в браузере. Текст, который вы введете во втором окне запросов, будет принят в качестве значения той же самой переменной, а ее старое значение будет благополучно забыто.

Примечание Предыдущее значение переменной восстановить уже невозможно. После того как его изменили, оно потеряно навсегда.

Присвоение одной переменной значения другой

При желании можно сохранить значение какой-либо переменной, присвоив его другой. То есть до того, как значение yourname будет изменено, его можно присвоить новой переменной с именем yourname2:

Таким образом, объявлена новая переменная yourname2, которой присваивается то же значение, что и у переменной yourname. В результате на данный момент значения обеих переменных совпадают. Помните, что сделать это нужно до того, как изменится значение первой переменной!

Пример. Следующий пример это демонстрирует:

Простая страница

Упражнение Попробуйте пользоваться методом prompt () для присвоения значе -ний переменным, объявленным «на лету» или с помощью оператора var. Потренируйтесь, присваивая значения одних переменных другим и используя эти переменные повторно. Обязательно пользуйтесь комментариями, чтобы облегчить последующее чтение кода.

Урок 3. Javascript. Переменные и константы.

Изучив правила и нюансы лексической структуры JavaScript, можно переходить непосредственно к «буквам» — константам языка и его переменным. И сегодня речь пойдет о:

Переменных;

Их создании, удалении и переопределении;
Роли var в этих процессах;
Типах переменных;

Константах.

Переменные в JavaScript

Переменные в JavaScript играют роль контейнеров, иными словами в них можно помещать какую-либо информацию, а затем также извлекать ее обратно. При создании переменных необходимо всегда придерживаться 4-х правил:

Каждой переменной должно быть присвоено свое уникальное имя;
Именем переменной не могут выступать зарезервированные слова (см. урок №1);
Имя переменной не может начинаться с цифр. Допускаются только латинские буквы или символ «_» («num» и «_num» — верно, «1num» — неверно).
Из-за чувствительности языка JavaScript к регистру, переменные написанные одними и теми же символами, но в разном регистре будут распознаваться, как разные (например, num, Num и NUM – 3 разных переменных).

Примечание: JavaScript допускает использование русских букв при присвоении имени переменной, однако, во избежание ошибок, рекомендуется использовать лишь английский алфавит.

Создание, удаление и переопределение переменных

Создание

Создание переменных в JavaScript называется объявлением переменных и выполняется при помощи ключевого слова var:

var a //- в вашем скрипте появилась новая переменная «а».

Однако данная переменная будет пустой, ведь мы не присвоили ей никакого значения. Чтобы программа понимала, что данная переменная относится, например, к типу числовых и имеет конкретное значение, необходимо загрузить в нее данную информацию при помощи оператора «=».

var a = 3 // — переменная «а» объявлена числовой и равна 3.

Для лучшего понимания разницы рассмотрим простейший пример:

var a; // создадим переменную а.

var b = 5; // создадим переменную b и присвоим ей значение 5.

document.write(a + «
» + b); //на первой строчке выведем значение переменной а, на второй — значение переменной b.

В данном случае мы получим следующий результат:

Поскольку мы лишь обозначили переменную а, но не присвоили ей никакого значения, программа отнесла ее к простейшему типу «undefined», т.е. не доступных для записывания, перечисления и настройки. В случае переменной b мы получили то значение, которое ей присвоили (5).

Переопределение

Что делать, когда одной и той же переменной в разных частях программы необходимо придать разные значения? Что случится, если по ошибке использовал одну и ту же переменную в разных значениях? В обоих случаях имеет место переопределение – присваивание переменной новой информации, однако вариантов развития ситуации здесь может быть несколько. Рассмотрим наглядно:

Пример 1

Пример 2

Пример 3

Исходный код

document.write(a); // Выведет 123

Результат

Как видите, переопределение переменных не удаляет предыдущие значения, что были им назначены, а лишь временно заменяет их (при необходимости) на иные.

Удаление

Удаление переменной напрямую зависит от способа ее назначения.

Если переменная была объявлена без помощи var, достаточно будет прописать функцию delete

document.write(a); //- в режиме отладчика данная строчка будет выдаваться как ошибочная, поскольку на момент ее выполнения переменной a уже не будет существовать.

Если переменная была объявлена при помощи var, то удалить ее традиционным путем невозможно, единственный вариант — присвоить ей значение null или undefined.

a = null; // или a = undefined

document.write(b + ‘
‘); // — выведет значение b

document.write(b + ‘
‘); // выведедет на первой строчке значение переменной b,

document.write(a+ ‘
‘); // а на второй значение переменной а

document.write(b + a); // — выведет сумму переменных а и b

Роль var в определении переменных

Как уже упоминалось ранее, объявлять переменные можно как при помощи var, так и без него:

var а = 123; // — новая переменная, созданная с помощью var;

b = 321; // — новая переменная, созданная без помощи var;

На первый взгляд разница отсутствует, однако на самом деле она весьма значительна. Директива var делает переменную локальной, т. е. видимой только внутри текущей функции. При ее отсутствии переменная становится глобальной. Мы уже касались данного вопроса в предыдущем уроке и даже разбирали пример, связанный именно с var, поэтому сейчас подробно останавливаться на нем не будем.

Примечание: чтобы не подстраиваться под разные виды браузеров и снизить вероятность появления ошибок, также, как и в случае с «;», dctulf описывайте переменные явно – с помощью var.

Типы переменных

Хотя сам язык JavaScript относится к безтиповым (где переменная определяется в зависимости от контекста и может менять свое значение неоднократно), каждая переменная в нем будет относиться к одному из 6 типов. Рассмотрим каждый из них отдельно.

Number – числовой тип, используемый для обозначения как целых, так и дробных чисел.
String – текстовый тип, используемый для обозначения текста. При этом сам текст обязательно должен быть помещен в одинарные/двойные кавычки.
Boolean – булевый (логический) тип, применяемый для обозначения данных, которые могут принимать всего 2 значения: true (истина) и false (ложь).
Null – специальный тип, использующий лишь одно значение null — «ничего» или «значение неизвестно».
Undefined — специальный тип, использующий лишь одно значение undefined — «значение не присвоено».
Object – особый тип, применяемый для коллекций данных или объявления более сложных сущностей с помощью фигурных скобок

Это лишь краткая информация о типах переменных. Более подробно мы разберем их позднее.

Примечание: в новом стандарте ECMAScript 6 был введен новый тип переменных Symbol, благодаря чему имя свойства, которое раньше было строкой, теперь может быть как строкой, так и символом. Однако данный стандарт был введен совсем недавно и еще не успел стабилизироваться, поэтому в виду возможных последующих изменений синтаксиса, разбирать его мы не будем.

Небольшая памятка

var a = 1; // — числовое значение
var b = 1.5; // — также число
var c = «текст»;// — строка
var d = ‘И это тоже текст’; // — вновь строка
var e = true; // — логический тип данных
var f = null; // — переменной присвоено значение null (ничего)
var g; // — значение переменной не присвоено

Если вы не уверены, что правильно объявили переменную, то всегда можете проверить себя с помощью директивы typeof, которая возвращает строку, содержащую информацию о типе значения. Попробуйте:

var l = 1; // — числовое значение

var b = 1.5; // — также число

var c = «текст»;// — строка

var d = ‘И это тоже текст’; // — вновь строка

var e = true; // — логический тип данных

var f = null; // — переменной присвоено значение null (ничего)

var g; // — значение переменной не присвоено

document.write(«l: » + typeof l + »
b: » + typeof b + »
c: » + typeof c+ »
d: » + typeof d+ »
e: » + typeof e+ »
f: » + typeof f + »
g: » + typeof g + »
k: » + typeof k);

Константы

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

Оператор Math

Основание натурального логарифма (число Эйлера)

Натуральный логарифм от 2.

Натуральный логарифм от 10.

Логарифм по основанию 2 от e.

Логарифм по основанию 10 от e.

Квадратный корень из 0,5 или единица, деленная на квадратный корень из 2.

Квадратный корень из 2.

Оператор global

Превышение наибольшего числа с плавающей запятой. Отрицательная бесконечность (-Infinity) меньше наименьшего число с плавающей запятой.

Параметр, указывающий, что выражение не является числом.

Обозначение переменной, не указывающей на допустимые данные.

Значение не присвоено

Оператор Number

Наибольшее число, которое может быть представлено в JavaScript.

Число, наиболее близкое к нулю, которое может быть представлено в JavaScript.

арифметическое выражение возвращает значение, не являющееся числом.

Значение, которое меньше наименьшего числа с плавающей запятой.

Значение, которое больше наибольшего число с плавающей запятой.

Для чего они нужны? Рассмотрим на примере числа ПИ, а точнее , на примере вычисления площади круга.

Как уже описывалось выше, в JavaScript используются переменные лишь шести типов. Поэтому, если мы захотим рассчитать формулу круга (ПИ * r2, где r – радиус круга), без использования констант это (в самом простом виде) будет выглядеть примерно так:

var r = 2; //- любое значение радиуса

Однако здесь бесконечное число ПИ ограничено лишь 2 знаками после запятой. А если их потребуется 20 или 100? Вносить их от руки – бессмысленный труд. Поэтому куда лучше данная программа будет смотреться в следующем виде:

Вычисляем площадь круга

Введите значение R и нажмите «Рассчитать»

Попробуйте поэкспериментировать, например, заменив PI другой константой из таблицы, скажем, E.

Примечание: Все описанное ниже является экспериментальной технологией (частью стандарта Harmony (ECMAScript 6) реализованного в июне 2015 г), спецификация которой еще окончательно не стабилизирована. Поэтому часть синтаксиса может не поддерживаться в устаревших версиях браузеров и впоследствии быть изменена в соответствии с изменениями в спецификации.

В глобальном смысле под константами в JavaScript принято понимать переменные, которые доступны лишь для чтения, т . е. задаются единожды и не могут быть изменены. Объявляются они при помощи директивы const:

const a = 1;

Заданная единожды константа будет автоматически применяться для всех нижестоящих вставок кода JavaScript. Для наглядности рассмотрим на примере:

Пример 1

Пример 2

Пример 3