Читать «HTML5. Недостающее руководство» онлайн - страница 311

Мэтью Мак-Дональд

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

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

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

С помощью операторов можно также конкатенировать несколько текстовых строк в одну длинную строку. Для этого используется оператор "плюс" ( + ): var firstName = "Sarah";

var lastName = "Smithers";

var fullName = firstName + " " + lastName; В результате исполнения приведенного кода переменная fullName будет содержать текстовое значение "Sarah Smithers" . (Пробел в кавычках ( " " ) используется для того, чтобы оставить промежуток между именем и фамилией.) Простые арифметические операции можно обозначать с помощью сокращенной нотации. Например, следующую простую операцию сложения var myNumber = 20;

myNumber = myNumber + 10;

// (Теперь значение переменной myNumber равно 30.) можно записать так:

var myNumber = 20;

myNumber += 10;

// (Теперь значение переменной myNumber равно 30.) Прием с переносом оператора на левую сторону знака равенства работает, по большому счету, со всеми операторами. Вот еще несколько примеров: var myNumber = 20;

myNumber -= 10;

// (Теперь значение переменной myNumber равно 10.) myNumber *= 10;

// (Теперь значение переменной myNumber равно 100.) var myText = "Hello";

var myText += " there.";

// (Теперь значение переменной myText равно "Hello there.") А добавить или вычесть единицу можно еще более простым способом: var myNumber = 20;

myNumber++;

// (Теперь значение переменной myNumber равно 21.)

myNumber--;

// (Теперь значение переменной myNumber равно 20.) АВ АРИЙН АЯ СИТ У АЦ ИЯ

Чтобы находить и исправлять ошибки в коде JavaScript (наподобие ошибки присвое-ния переменной объекта вместо строки, рассмотренной ранее), нужно научиться вы-полнять отладку — выявление причин проблем в коде и их устранение. К сожалению, способ выполнения отладки зависит от используемого браузера, и разные браузеры имеют различные отладочные средства (или поддерживают разные отладочные мо-дули расширения). И хотя все эти средства предназначены для выполнения одинако-вой задачи, они применяют для этого не совсем одинаковые методы. К счастью, в сети можно найти всю требуемую информацию для выполнения отладки на разных браузерах. Далее приводятся ссылки на некоторые ресурсы.

Internet Explorer. Чтобы начать процесс отладки, нажмите клавишу <F12>; откро-ется окно Средства разработчика (D eveloper Tools). Подробные инструкции по использованию этого средства см. здесь: http://msdn.microsoft.com/ie/aa740478 .