Определение переменных в JavaScript. Изменение переменных JavaScript

Подробности: Создано 26.03.2013 20:00; Дата публикации

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

myMessage:
var myMessage

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

myMessage = "Все любят переменные"

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

myNumber = 27.3

ПРИМЕЧАНИЕ

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

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

Var myMessage = "Все любят переменные"

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

Изменение переменных

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

var myNumber = (10 + 5) * 2 / 5

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

Операторы можно применять и для объединения нескольких текстовых строк в одну. В этом случае используется оператор плюс (+):

var firstName = "Иван" var lastName = "Иванов"
var fullName = firstName + " " +lastName

Теперь переменная fullName будет содержать текст «Иван Иванов» (выражение " " сообщает интерпретатору JavaScript о необходимости вставить пробел между именами).

Пример использования переменных

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
chtml xmlns="http://www.w3.org/1999/xhtml"> <!— saved from url=(0014)about:internet —> <head><title>JavaScript TecT</title> </head>
<body>
<h1>Какой сегодня день?</h1>
<р>Эта страница использует JavaScript.</р>
<р>
<script type="text/javascript">

```
var currentDate = new Date()
```

var message = "Текущая дата:"

message = message + currentDate.toDateString()

```
document.write(message)  
```

</script>
</p>
</body>
</html>

Построчный разбор сценария ниже.

В данной строке определяется переменная currentDate. В качестве значения ей присваивается новый объект Date (см. номер 3). В JavaScript объект создается зарезервированным словом new (более подробную информацию об объектах см. далее в этой главе, а на данный момент достаточно знать, что объекты включают в себя встроенные функции, которые работают более-менее похоже на те функции, о которых вы узнали раньше).
В данной строке создается новая переменная message, и ей сразу же присваивается значение — строка с началом предложения, после которого будет выводиться дата.
В данной строке в конец сообщения, созданного в строке 2, добавляется новый текст из объекта currentDate. Главное здесь — понять, что объект currentDate включает в себя встроенную функцию to- Datestring (), которая преобразует информацию о дате, полученную с часов персонального компьютера, в строку, вид которой подходит для отображения в браузере. Опять же, узнать подробнее об этом можно, лишь прочитав хорошее руководство по языку JavaScript.
В данной строке используется JavaScript-объект document, имеющий функцию write (). Функция write () копирует строку в текущее место веб-страницы. В конечном итоге должна получиться страница с приветствием.

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