Смекни!
smekni.com

Разработка web сайта на основе HTML с использованием JavaScript (стр. 12 из 18)

Значения в языке 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, записываются в десятеричной системе счисления, могут применяться также восьмеричная и шестнадца-теричная системы.

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

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

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

3.1415926535897932384626433832795

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

3.76е2

Примечание При экспоненциальной записи числа символ <se» в верхнем или нижнем регистре означает «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, могут быть как очень большими, так и очень маленькими. Под очень большими подразумеваются величины до 10308 (единица с тремястами восемью нулями), а под очень маленькими - Ю~308 (нуль целых с тремястами семью нулями и единицей после запятой).

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

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

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

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

Собака лает = true

У собаки пять ног = false

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

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

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

а положительная бесконечность;

О отрицательная бесконечность;

а положительный и отрицательный нуль;

а несуществующее число (not a number - NaN) .

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

а неопределенный (null);

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

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

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

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

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

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

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

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

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

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

<html>

<head>

<11Ь1е>Простая страница</(:И:1е>

<script language="JavaScript">

<!-- Маскируемся!

// Снимаем маскировку. -->

</script>

</head>

<body>

</body> </html>

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

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

<html>

<head>

<Ь1(:1е>Простая страница</{:1(;1е>

<script language="JavaScript">

<!-- Маскируемся!

var msg;

// Снимаем маскировку. -->

</script>

</head>

<body>

</body> </html>

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

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

а в именах переменных можно использовать символы нижнего и верхнего регистра либо сочетание того и другого;

а до объявления переменной ее значением считается undefined;

Q имя переменной не может начинаться с цифры;

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

а в именах переменных следует избегать символа доллара ($) поскольку он не воспринимается, браузерами Internet Explorer 3.02 (поддерживающим JScript 1.0) и Netscape Navigator 2.02;

а следует избегать использования имен переменных, отличающихся только символами верхнего и нижнего регистра (например, msg и MsG), поскольку JScript 1.0 не сумеет их различить.

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

msg

Hello_all Msgl Msg_l

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

a Imsg - начинается с цифры;

Qhelloall- содержит пробел;

a var- зарезервированное слово JavaScript;

Q dollar$ - в имени содержится символ $;

а msg и Msg - не используйте такие имена в одном сценарии, поскольку различаются они только регистром.

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

<html>

<head>

<title>npocTaH cTparoma</title>

<script language="JavaScript">

<!-- Маскируемся!

var msg = "Добро пожаловать в мир переменных JavaScript!";

// Снимаем маскировку. -->

</script>

</head>

<body>

</body> </html>

Массивы JavaScript и Escape-последовательности

В предыдущей главе вы научились пользоваться переменными. В этой главе вы узнаете о новой разновидности переменных, которые способны хранить в себе несколько значений, - о массивах. Здесь рассказывается:

а как пользоваться массивами;

а как создаются массивы;

а как создаются элементы массива;

а как пользоваться знаками переключения кода.

Как пользоваться массивами

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

Итак, посмотрим, как следует создавать массивы и пользоваться ими.

Пример. В первую очередь вам нужно создать массив:

<html>

<head>

<title>npocTan страница</Ь1(;1е>

<script language="JavaScript">

<!-- Маскируемся!

var days_of_week = new Array(7);

// Снимаем маскировку. -->

</script>

</head>

<body>

</body> </html>

Эта простая строка сценария приводит к нескольким различным последствиям:

а создается переменная days_pf_week;

а с помощью new Array () указывает, что новая переменная является массивом; а определяется размер массива (в данном случае - 7).