Встроенные объекты
Ниже мы перечислили встроенные объекты, свойства и методы которых доступны в сценариях JavaScript без предварительного определения этих объектов:
Объект | Описание | ||
Array* | Массив |
| |
Boolean* | Логические данные | ||
Date | Календарная дата | ||
Function* | Функция | ||
Global* | Глобальные методы | ||
Math | Математические константы и функции | ||
Number* | Числа | ||
Object* | Объект | ||
String | Строки |
Здесь символом * отмечены встроенные объекты, определенные в языке Microsoft JScript версии 3.0. Эта версия реализована в браузере Microsoft Internet Explorer версии 4.0.
Встроенные объекты очень удобны для выполнения различных операций со строками, календарными датами, массивами, числами и так далее. Они освобождают программиста от выполнения различных рутинных операций вроде преобразования строк или вычисления математических функций.
Как работать со встроенными объектами?
Достаточно просто. Программа создает реализации (instance) объектов, а затем обращается к свойствам и методам объектов.
В качестве примера, имеющего практическое значение, рассмотрим документ HTML, в котором отображается текущая дата и время. Исходный текст этого документа вы найдете в листинге 2.1.
Листинг 2.1. Файл chapter2/date/date.html
<HTML>
<HEAD>
<TITLE>Show date and time</TITLE>
</HEAD>
<BODY BGCOLOR=WHITE>
<H1>Show date and time</H1>
<SCRIPT LANGUAGE="JavaScript">
<!--
var dt;
var szDate="";
dt = new Date();
szDate = "Date: " + dt.getDate() + "."
+ dt.getMonth() + "." + dt.getYear();
document.write(szDate);
document.write("<BR>");
document.write("Time: " + dt.getHours()
+ ":" + dt.getMinutes() + ":" + dt.getSeconds());
// -->
</SCRIPT>
</BODY>
</HTML>
Здесь сценарий JavaScript создает объект Data, применяя для этого ключевое слово new, знакомое всем поклонникам языка С++, и конструктор Date без параметров:
var dt;
dt = new Date();
Создаваемый таким образом объект Data инициализируется текущей локальной датой, установленной у пользователя (а не на сервере Web, с которого был загружен соответствующий документ HTML).
В следующей строке формируется текстовая строка даты:
szDate = "Date: " + dt.getDate() + "."
+ dt.getMonth() + "." + dt.getYear();
Значение календарного числа, номера месяца и года здесь получается при помощи методов getDate, getMonth и getYear, соответственно. Эти методы вызываются для объекта dt, содержащего текущую дату.
Текстовая строка даты выводится в документ HTML с помощью метода write, определенного в объекте document:
document.write(szDate);
Этот способ мы уже использовали в примерах сценариев, приведенных в первой главе нашей книги.
Заметим, что объект Date содержит также информацию о текущем времени. Эта информация извлекается для отображения с помощью методов getHours, getMinutes и getSeconds (соответственно, часы, минуты и секунды):
document.write("Time: " + dt.getHours()
+ ":" + dt.getMinutes() + ":" + dt.getSeconds());
Внешний вид документа HTML при его просмотре в окне браузера Microsoft Internet Explorer версии 4.0 показан на рис. 2.2.
Рис. 2.2. Просмотр локальной даты и времени
Применение других встроенных объектов мы продемонстрируем позже по мере изучения материала.