Предопределенные объекты языка JavaScript
В этой главе:
В языке JavaScript имеется ряд предопределенных объектов, которыми можно пользоваться при написании сценариев. К ним относятся такие объекты, как Array, Boolean, Date, Function, Math, Number, RegExp и String, а так же примитивный объект Object. В ранних версиях языка в него были также включены объекты документа (window, document), однако сейчас они исключены из ядра языка JavaScript, и относятся к определению объектной модели документа (DOM), о которой речь пойдет позже. Тем не менее, некоторые свойства этих объектов (document и window) нам уже знакомы.
Впрочем, вернемся к встроенным объектам JavaScript в современном понятии. Все встроенные объекты, кроме Math и Date, имеют такие свойства, как constructor и prototype. Они используются для добавления новых свойств к существующим объектам, и описываются в контексте объекта Function.
Далее в этой главе мы рассмотрим все объекты ядра JavaScript, включая их методы и свойства.
Объект Object
Все объекты языка JavaScript являются наследниками объекта Object. Следовательно, все свойства и методы этого объекта имеются и у любого другого объекта JavaScript.
Для объекта Object определено всего 2 свойства – constructor и prototype. Свойство constructor определяет функцию, создающую прототип объекта – именно всю функцию целиком, а не только ее название. Иначе говоря, рассмотрим вариант, когда определен некоторый объект test и создан экземпляр этого объекта tmp:
function test(version) {
this.version = version;
}
tmp = new test(1);
В таком случае, воспользовавшись свойством constructor, можно увидеть исходный код объекта test (рис. 4.6):
alert(tmp.constructor);
Рис. 4.6. Результат вызова свойства constructor
Для этого свойства, правда, имеется одно ограничение: оно не может вывести код встроенных объектов языка JavaScript: в таких случаях выводимая информация ограничивается именем функции прототипа и строкой «[native code]».
Что касается свойства prototype, то оно позволяет получить доступ к функции прототипа текущего объекта. Использование этого свойства дает возможность изменять характеристики прототипа объекта. Например, можно добавить новое свойство для объекта типа test, воспользовавшись свойством prototype:
test.prototype.comment = "Новое свойство comment";
Теперь все объекты типа test, включая уже созданный экземпляр tmp, будут иметь свойство comment, в чем несложно убедиться, применив такую проверку:
alert(tmp.comment);
Более того, подобным образом допускается модернизировать и встроенные объекты JavaScript. Например, если нам требуется добавить к массивам такое свойство, как описание, то можно это сделать (разумеется, только в рамках текущего сценария!), сославшись на прототип объекта Array и добавив к нему соответствующее свойство:
Array.prototype.description = "";
Что касается методов, то их для объекта Object определено несколько больше – целых 5 штук. Это toSource, toString, watch, unwatch и valueOf, их краткое описание приведено в таблице 4.10.
| Метод | Описание |
|---|---|
| toSource | Возвращает исходный код объекта в виде строки |
| toString | Возвращает объект, представленный в виде строки |
| watch, unwatch | Позволяют производить отладку программы, поддерживаются только в Gecko-браузерах |
| valueOf | Преобразует объект в примитивный вид данных (строку, число, булевское значение) |
Методы toString и valueOf применимы практически ко всем встроенным объектам JavaScript, и, как правило, вызываются интерпретатором автоматически, когда возникает необходимость произвести преобразование. Что касается метода toSource, то он, фактически, просто выполняет работу для свойства constructor.
Оставшиеся методы watch и unwatch – фирменные расширения, введенные еще в браузер Netscape 4 (сейчас поддерживаются так же Mozilla), – предназначены для отладки сценариев. Поскольку в рамках настоящего издания вопрос отладки программ рассматривается не будет, то и описывать эти методы нет смысла. Но на всякий случай, можете взять себе на заметку, что в Sea Monkey (но не в браузере Firefox) имеется отладчик сценариев – JavaScript Debugger.
Объект Array
Переменные-массивы содержат упорядоченные наборы значений, для удобства представленные в виде одной переменной. Мы не раз уже сталкивались с массивами (вспомните хотя бы массивы аргументов), теперь пришло время разобраться со всеми их свойствами и тонкостями применения.
В отличие от других языков программирования, JavaScript не имеет такого типа данных, как массив. Но это ограничение обходится благодаря тому, что можно использовать предопределенный объект массива – Array. Для создания объекта-массива можно использовать один из следующих вариантов синтаксиса:
ИмяМассива = new Array(элемент1, элемент2, ... элементN)
ИмяМассива = new Array(ДлинаМассива)
В первом случае перечисляются все составляющие массива, во втором – просто указывается количество элементов. Допускается также использование литералов при объявлении массива:
computers = ["PC", "Mac", "Sun"];
Для заполнения элементов массива значениями, как и вообще для обращения к элементам массива, можно использовать индекс элемента. При этом следует учитывать, что индекс элементов массива начинается с нуля:
var colors = new Array(3);
colors[0] = "Красный";
colors[1] = "Синий";
colors[2] = "Зеленый";
Довольно часто бывает удобно использовать предоставляемою языком JavaScript возможность заполнения массива непосредственно при его объявлении:
var colors = new Array("Красный","Синий","Зеленый");
Чтобы узнать длину массива (количество элементов, из которых состоит массив), следует использовать свойство length:
var NumColors = colors.length;
Помимо свойства length, в JavaScript предусмотрен также целый ряд других свойств и методов для работы с массивами. В частности, к числу свойств объекта Array, помимо length, относятся универсальные для всех объектов constructor и prototype, а так же предназначенные для использования массивов совместно с регулярными выражениями свойства index и input.
Что касается методов, то помимо стандартных toSource, toString и valueOf, массивы наделены еще десятком собственных, перечисленных в таблице 4.11.
| Метод | Описание |
|---|---|
| concat | Объединяет два массива, и возвращает новый |
| join | Объединяет все элементы массива в одну строку |
| pop | Удаляет последний элемент из массива, и возвращает его |
| push | Добавляет один или более элементов в конец массива и возвращает его новую длину |
| reverse | Перемещает элементы массива таким образом, что первый становится последним, и наоборот |
| shift | Удаляет первый элемент массива и возвращает его |
| slice | Удаляет часть элементов массива, и возвращает новый массив |
| splice | Добавляет и (или) удаляет элемент из массива |
| sort | Сортирует элементы массива по алфавиту |
| unshift | Добавляет один или более элементов в начало массива, и возвращает новую длину массива (в MSIE 5.5 и 6 этот метод ничего не возвращает) |
Рассмотрим некоторые методы подробнее. Так, используя метод concat можно объединить 2 массива в одном:
var a = new Array("A1", "A2");
var b = new Array("B1", "B2");
var ab = a.concat(b);
Здесь переменная ab станет массивом, содержащим все 4 элемента двух склеиваемых массивов. Если теперь к такому массиву применить метод join, то результатом будет строка, содержащая все элементы этого массива, перечисленные через запятую:
str = ab.join(); // получим str = "A1,A2,B1,B2"
Что касается метода pop, то применив его к этому же массиву, мы получим в «B2» качестве ответа, а массив будет урезан до трех первых значений. А метод shift, наоборот, возвращает первый элемент (в нашем случае – «A1») и делает то же самое с массивом с той лишь разницей, что оставшиеся элементы сдвигаются вперед.
Чтобы лучше понять, как работают эти и другие методы с массивами, обратимся к следующему примеру, приведенному в листинге 4.3.
Листинг 4.3. Работа с массивами
<script type="text/JavaScript"><!--
// для начала напишем функцию для вывода массива
function printArray(value, title) {
var str = "";
for (var i=0; i<value.length; i++) {
str += i + "-й элемент: " + value[i] + “<br />”;
};
document.writeln("<h4>"+title+"</h4>");
document.writeln(str);
}
// теперь объявляем подопытный массив при помощи литералов
MyArray = ["A", "B", "C", "D"];
// распечатаем его в исходном виде, не забыв открыть документ для записи
document.open();
printArray(MyArray, "Начальный вид");
// для начала удалим 2-й и 3-й элементы, и добавим 3 новых
var RetArray = MyArray.splice(1,2,"New1","New2","New3");
// посмотрим, что вернула функция splice в качестве своего ответа
printArray(RetArray, "Результат возврата splice");
// а затем выведем наш массив в новом виде
printArray(MyArray, "После splice");
// сортировка
MyArray.sort();
printArray(MyArray, "После сортировки");
// вызвав метод reverse после sort, можно добиться сортировки по убыванию
MyArray.reverse();
printArray(MyArray, "В обратном порядке");
//закрываем запись
document.close();
//--></script>
Этот же пример можно посмотреть в файле array.html, заодно можно будет просмотреть все результаты его работы в браузере (см. рис. 4.7).
Рис. 4.7. Результат применения метода splice: возвращаемый массив и изменения
Массивы также могут быть многомерными, т.е. элементом массива может быть другой массив. В таком случае для обращения к элементу массива используют следующий синтаксис:
Array2D[0][0]="Элемент 0,0"
Array2D[0][1]="Элемент 0,1"
...
Array2D[N][N]="Элемент N,N"
Пример заполнения и вывода двумерного массива можно найти в файле arrays.html, там же находится и интерактивный пример практически для всех методов массива.
Объект Boolean
Объект Boolean – оболочка для одноименного типа данных. Для определения объекта типа Boolean используется следующий синтаксис:
BooleanObj = new Boolean(значение)
Здесь значение – инициализирующее выражение, которое, в случае необходимости, будет приведено к true или false. Если вы укажете такое значение, как 0, null, false, NaN, undefined, или пустую строку, то результатом инициализации объекта типа Boolean будет false, а в случае любого другого значения – true.
Не следует путать примитивные логические значения true и false с типами данных true и false объекта Boolean. Например, если объявить переменную x и присвоить ей значение объекта Boolean, инициализированного при помощи значения false, она все равно при сравнении будет представлять собой значение истины (true):
x = new Boolean(false); // при сравнении if (x) получим true
В то же время, если просто присвоить переменной примитивный тип данных false, то она именно его и получит:
x = false; // при сравнении if (x) получим false
Что касается применения этого объекта, на практике, то его можно использовать, в качестве функции для того, чтобы преобразовывать значения любых других типов в булевские:
a = 100;
x = Boolean(a); // x получит true
if (x) {...}
Но, на самом деле, вряд ли вы это будете делать, поскольку при необходимости подобные преобразования производятся интерпретатором JavaScript автоматически – в примере выше можно было бы сразу написать «if(a)…», а необходимое в данном случае преобразование будет сделано в любом случае.
Объект Date
Для работы с датами в языке JavaScript не предусмотрено специального типа данных, однако, как и в случае с массивами, имеется специальный объект Data. Для создания объекта даты можно воспользоваться любым из следующих способов:
new Date()
new Date(Миллисекунды)
new Date("Дата_в_виде_строки")
В первом случае создается объект Date с текущим временем, во втором – следует указать количество миллисекунд, прошедших с 1 января 1970 года. Если указывается дата в виде строки, то она должна быть вида «Feb 28, 2005». Допустимо также задать дату, используя целочисленные значения для года, месяца, дня и т.п.:
new Date(Год, Месяц, День [, Час, Минута, Секунда, Миллисекунда])
Разумеется, в этом случае можно избегать указывания секунд и миллисекунд, тем более что миллисекунды даже не поддерживались в старых версиях браузеров. Кроме того, в JavaScript до версии 1.3 не поддерживаются даты ранее 1 января 1970 года. Что касается формата значений, которые указывают в строке, то год – это любое 4-значное число (если указать 2-значное, то к нему добавится 1900), месяц число – от 0 (январь) до 11 (декабрь), а день – от 0 до 31. Соответственно, значения времени так же ограничены: для часов это будет целое от 0 до 23, для секунд и минут – от 0 до 59, а для миллисекунд – от 0 до 999. Таким образом, чтобы в качестве значения объекта типа Date указать 9 мая 2005 года, следует написать:
var anyday = new Date (2005, 5, 9);
А если нужно получить текущее значение даты и времени, то никаких параметров не требуется вовсе:
var now = new Date();
Начиная с JavaScript 1.3, диапазон дат может находиться в пределах 100 миллионов дней до и после 01.01.1970 (в сумме это почти 550 тысяч лет!). В этой же версии появилось требование всегда указывать год в четырехзначном формате, во избежание ошибок, связанных со сменой столетий.
Для работы с объектом Date предусмотрено 2 свойства – constructor и prototype, а так же множество методов, позволяющих выделять нужную часть даты (год, месяц, число, время), выводить ее в том или ином формате и т.д. Все они перечислены в таблице 4.12.
| Метод и его синтаксис | Описание |
|---|---|
| getDate() | Возвращает день месяца в локальном времени |
| getDay() | Возвращает день недели в локальном времени |
| getFullYear() | Возвращает год в локальном времени |
| getHours() | Возвращает текущее время (часы) в локальном времени |
| getMilliseconds() | Возвращает текущее время (миллисекунды) в локальном времени |
| getMinutes() | Возвращает текущее время (минуты) в локальном времени |
| getMonth() | Возвращает текущее время (месяц) в локальном времени |
| getSeconds() | Возвращает текущее время (секунды) в локальном времени |
| getTime() | Возвращает текущее время в виде количества в локальном времени |
| getTimezoneOffset () | Возвращает смещение времени в минутах относительно времени по Гринвичу в локальном времени |
| getUTCDate() | Возвращает день месяца в универсальном времени |
| getUTCDay() | Возвращает день недели в универсальном времени |
| getUTCFullYear() | Возвращает год в универсальном времени |
| getUTCHours() | Возвращает текущее время (часы) в универсальном времени |
| getUTCMilliseconds() | Возвращает текущее время (миллисекунды) в универсальном времени |
| getUTCMinutes() | Возвращает текущее время (минуты) в универсальном времени |
| getUTCMonth() | Возвращает текущее время (месяц) в универсальном времени |
| getUTCSeconds() | Возвращает текущее время (секунды) в универсальном времени |
| getYear() | Устаревший. Возвращает год в коротком (двухзначном) формате в универсальном времени |
| parse(строка_даты) | Возвращает количество миллисекунд, прошедших с 1 января 1970 года до значения, указанного в параметре, в локальном времени |
| setDate(день) | Устанавливает день месяца в локальном времени |
| setFullYear(год) | Устанавливает год в локальном времени |
| setHours(часы) | Устанавливает время (часы) в локальном времени |
| setMilliseconds (миллисекунды) | Устанавливает время (миллисекунды) в локальном времени |
| setMinutes(минуты) | Устанавливает время (минуты) в локальном времени |
| setMonth(месяц) | Устанавливает время (месяц) в локальном времени |
| setSeconds (секунды) | Устанавливает время (секунды) в локальном времени |
| setTime (миллисекунды) | Устанавливает время в миллисекундах для определенной даты в локальном времени |
| setUTCDate(день) | Устанавливает день месяца в универсальном времени |
| setUTCFullYear (год) | Устанавливает год в универсальном времени |
| setUTCHours(часы) | Устанавливает время (часы) в универсальном времени |
| SetUTCMilliseconds(миллисекунды) | Устанавливает время (миллисекунды) в универсальном времени |
| setUTCMinutes (минуты) | Устанавливает время (минуты) в универсальном времени |
| setUTCMonth(месяц) | Устанавливает время (месяц) в универсальном времени |
| setUTCSeconds (секунды) | Устанавливает время (секунды) в универсальном времени |
| setYear(год) | Устаревший. Устанавливает год в локальном времени, в качестве значения года допустим двузначный формат |
| toGMTString() | Устаревший. Преобразует дату в строку, соответствующую времени по Гринвичу |
| toLocaleString() | Возвращает дату и время в виде строки, соответствующей по формату установкам локальной системы |
| toLocaleDateString() | Возвращает дату в виде строки, соответствующей по формату установкам локальной системы |
| toLocaleTimeString() | Возвращает время в виде строки, соответствующей по формату установкам локальной системы |
| toSource() | Возвращает объект даты в представлении литерала |
| toString() | Возвращает объект даты в представлении строки |
| toUTCString() | Преобразует дату в строку в формате, соответствующему универсальному времени |
| UTC(параметры) | Возвращает количество миллисекунд, прошедших с 1 января 1970 года в универсальном времени. В качестве параметров указывают год, месяц и день, а также (опционально) – часы, минуты, секунды и миллисекунды |
| valueOf() | Возвращает дату в виде примитивного значения |
Несмотря на такое обилие методов, работать с объектом Date достаточно просто: следует только понять принцип наименования методов:
- методы, начинающиеся с «set», предназначены для установки даты и времени в объектах Date;
- методы, начинающиеся с «get», предназначены для извлечения даты, времени или их частей из объектов Date;
- методы, начинающиеся с «to», возвращают дату и время (или их части) в виде строковых значений;
- методы, содержащие «UTC», отличаются от аналогичных только тем, что работают с форматом универсального времени (т.е. отображает время по Гринвичу, с учетом смещения относительно текущего часового пояса).
Таким образом, остается только добавлять к get или set название необходимой части даты или времени, чтобы получить или установить нужный параметр, при необходимости используя еще и UTC. Ну а когда требуется получить результат в «человеческом» виде, используют методы to. Так же следует запомнить, что для работы с годом надо всегда использовать только полноформатные функции (т.е. getFullYear или getUTCFullYear, а не getYear).
Строковое представление даты в JavaScript имеет следующий формат:
ДеньНедели Месяц Число Год Часы:Минуты:Секунды GMT±Смещение
Чтобы наглядно увидеть представление дат, а заодно и рассмотреть, как это работают функции вроде toString, рассмотрим то, что все они возвращают на вывод. При этом первое, что может прийти на ум для просмотра работы той или иной функции – это использовать вывод текста в документ:
document.writeln(DateObject.toString());
document.writeln(DateObject.toGMTString()); // и т.д.
Но, на самом деле, поскольку функций много, было бы хорошо предварительно писать, что за действие было выполнено:
document.writeln("DateObject.toString()" + DateObject.toString());
А теперь вновь подумаем о том, сколько же строк мы хотим вывести таким способом на самом деле. Даже если учитывать возможности метода «скопируй и вставь», поддерживаемого всеми текстовыми редакторами, это не застрахует от ошибок, подобных такой:
document.writeln("DateObject.toLocaleString()" + DateObject.toString());
Но, как гласит девиз IBM, люди должны думать, а машины – работать. Так что подумаем, как заставить работать компьютер, заодно избавив себя от необходимости вводить лишние байты кода, для чего обратимся к листингу 4.4.
Листинг 4.4. Вывод разных типов дат и функция eval
<html>
<head>
<title>Методы объекта Date</title>
</head>
<body>
<script type="text/JavaScript"><!--
function printDate(val) {
document.write(val + ": " + eval(val) + "<br />");
}
var a = new Date(2005, 3, 1, 14, 30, 45);
document.open();
printDate("a.toUTCString()");
printDate("a.toLocaleString()");
printDate("a.toLocaleDateString()");
printDate("a.toLocaleTimeString()");
printDate("a.toString()");
printDate("a.toSource()");
document.close();
//--></script>
</body>
</html>
Прежде всего, в нем определена функция printDate, которая, собственно и выводит в документ дату в том или ином виде. Вернее, она выводит дату в нашем случае, но в принципе она может выводить все, что угодно – главное, чтобы принимаемый ею аргумент был законченным фрагментом кода JavaScript. При этом сначала код выводится как есть (т.е. печатается строковая переменная в исходном виде), а затем выводится результат выполнения, для чего используется функция eval. В результате, написав один раз такую функцию, можно в дальнейшем по ходу всего документа обращаться к ней, избавив себя от необходимости дважды вводить практически один и тот же текст.
Вслед за функцией вывода расположено создание объекта типа Date, которому присваивается значение 2005 год, 3 месяц (апрель, т.к. январь – нулевой), 1 число, 14 часов, 30 минут, 45 секунд. Далее открывается на запись документ и последовательно вызывается функция printDate для 6 различных методов объекта Date. Результатом работы данного сценария будет 6 строк, содержащих пары значений из метода и результата его работы, разделенных двоеточием (рис. 4.8).
Рис. 4.8. Вывод одной и той же дата различными методами
Следует отметить, что метод toSource, выводящий дату во внутреннем представлении программы, поддерживается только Mozilla-браузерами. Кроме того, формат вывода дат всеми остальными методами так же может несколько различаться в разных браузерах. Вы можете загрузить такой пример в различные программы просмотра и самостоятельно посмотреть, что они выдадут (файл date.html).
Объект Function
Предопределенный объект Function определяет строку кода на JavaScript, которая должна быть исполнена, как функция. Для объявления объекта Function используется следующий синтаксис:
ИмяФункции = new Function([аргумент1, аргумент2, ...аргументN], ТелоФункции)
В данном случае в качестве имени функции может быть использовано имя любой переменной, или свойство уже существующего объекта. Также возможно указывать объект типа Function в качестве значения для обработчика событий объекта. Допустим, если мы хотим сделать собственный обработчик события типа «завершение загрузки документа» (document.onload), то можем написать так:
document.onload = new Function([Аргумент1, ...аргументN], ТелоФункции);
Аргументы в данном случае – это параметры, передаваемые функции, ну а тело функции – собственно код, который должен быть выполнен при обращении к данному объекту-функции. Например, можно написать такой вариант объекта, который будет использоваться для возведения числа в квадрат:
var SquareObj = new Function("x", "return x*x");
Здесь SquareObj – имя переменной, x – принимаемый аргумент, а «return x*x» – тело функции. Обратите внимание на тот факт, что не только тело функции, но и принимаемые ей аргументы заключены в кавычки, а также и на то, что имя типа объекта, как это принято в JavaScript, пишется с большой буквы (Function).
Использование созданных таким способом переменных аналогично использованию переменных любых других типов:
var a = 5 + SquareObj(2); // получим 9
Фактически, объект типа Function всегда можно представить и в виде обычной функции, объявленной при помощи ключевого слова function. Так, то же возведение во вторую степень можно описать так:
function SquareFunc(x) {
return x*x;
}
Соответственно, и использовать объявленную таким методом функцию (в данном случае – именно функцию в «чистом» виде, а не процедуру), можно аналогичным способом:
var a = 5 + SquareFunc(2); // тоже получим 9
Таким образом, присвоение переменной значения в виде функции с использованием объекта Function является аналогичным объявлению функции как таковой. Но при этом у этих подходов имеется и отличие: если SquareObj – это переменная, значение которой является ссылкой на объект, созданный при помощи объекта Function, то SquareFunc – это имя функции. Соответственно, при исполнении программы они ведут себя тоже по-разному: для объекта типа функция интерпретатор всякий раз, когда ему попадется переменная (в нашем случае – SquareObj) будет полностью оценивать весь код функции, а для объявленных обычным способом функций код оценивается лишь при первом проходе. Это отличие может быть непринципиальным, если функция выполняет разовую работу, однако использование переменных, созданных на основе объекта Function, существенно снижает эффективность работы программы в циклах. Поэтому на практике использование объектов-функций – большая редкость, но, тем не менее, иногда они могут быть удобны, например, для добавления методов другим объектам.
Объект Function имеет стандартные для JavaScript свойства constructor и prototype, а так же ряд собственных:
arguments – массив, соответствующий параметрам функции
arguments.callee – соответствует телу функции. arguments.caller (устаревшее) – указывает на имя функции, из которой произошло обращение к объекту;
arguments.length – указывает на число параметров функции.
length – указывает на количество аргументов, ожидаемых функцией (а не на поступившее их число, как в случае с argument.length);
ВНИМАНИЕ
Все свойства arguments могут быть видны только «изнутри» функции, причем, начиная с JavaScript 1.4, arguments более не является свойством объекта Function, а является самостоятельной локальной переменной, неявно присутствующей в любой функции. Фактически, для Function остается всего 1 собственное свойство – length.
Кроме свойств, у объекта Function имеется несколько методов. Так, метод apply позволяет применить метод одного объекта к другому, а метод call – вызывать метод иного объекта в контексте текущего. К сожалению, реализация этих методов на практике явно оставляет желать лучшего. Так что остается лишь упомянуть про стандартные для JavaScript методы toString, toSource и valueOf, имеющиеся так же и у объекта Function.
Объект Math
Math – встроенный объект языка JavaScript, имеющий в качестве методов и свойств основные математические константы и функции. Например, свойство PI объекта Math содержит значение числа Пи (π), что приблизительно равно 3,1416, а метод sin возвращает синус указанного числа.
Кроме числа π, объект Math имеет следующие свойства:
- E – основа натуральных логарифмов (приблизительно 2,718)
- LN10 – натуральный логарифм 10 (приблизительно 2,302)
- LN2 – натуральный логарифм 2 (приблизительно 0,693)
- LOG10E – десятичный логарифм E (приблизительно 0,434)
- LOG2E – двоичный логарифм E (приблизительно 1,442)
- SQRT1_2 – квадратный корень из 0,5 (приблизительно 0,707)
- SQRT2 – квадратный корень из 2 (приблизительно 1,414)
Поскольку все свойства объекта Math являются предопределенными константами, то создавать другие объекты типа Math не только не требуется, но и недопустимо, а обращаться к ним надо всегда одним и тем же способом, например:
var CircleLength = diameter * Math.PI;
Помимо свойств, для объекта Math определены также методы, соответствующие основным математическим функциям. Все они перечислены в таблице 4.13.
| Метод и его синтаксис | Описание |
|---|---|
| abs(число) | Возвращает абсолютное значение аргумента |
| atan2(y, x) | Возвращает число в диапазоне от -? до ?, представляющее угол (в радианах) между осью X и точкой (x,y). Обратите внимание, что первым аргументом является Y-координата |
| exp(число) | Возвращает E в указанной степени (экспонентный логарифм) |
| ceil(число), floor(число) | Возвращает значение, являющееся ближайшим большим (ceil) или меньшим (floor) целым числом |
| min(число1, число2), max(число1, число2) | Возвращают меньшее (min) или большее (max) число из двух сравниваемых аргументов |
| sin(число),cos(число), tan(число),asin(число), acos(число),atan(число) | Возвращают результат выполнения стандартных тригонометрических функций – синуса, косинуса, тангенса, арксинуса, арккосинуса и арктангенса |
| pow(база, экспонента) | Возвращает базу в степени экспоненты |
| random() | Возвращает псевдослучайное число от 0 до 1 |
| round(число) | Возвращает значение, округленное до ближайшего целого |
| sqrt(число) | Возвращает квадратный корень числа |
Как и в случае со свойствами, для использования методов объекта Math следует ссылаться непосредственно на сам объект, а не на его копии. Для примера напишем функцию, которая будет возвращать диаметр исходя их площади круга:
function CircleDiam(Square) {
Radius = Math.sqrt(Square / Math.PI) ;
}
Чтобы воспользоваться ею на практике, можно прибегнуть к помощи методов prompt и alert:
var sq = prompt("Введите площадь",1);
var di = CircleDiam(sq);
alert("Диаметр окружности: "+di);
Работу этих и других методов объекта Math можно посмотреть в файле math.html.
Объект Number
Объект Number является объектным представлением простых числовых типов. Он имеет специальные свойства для числовых констант, – таких, как «максимальное число», «не число» и «бесконечность». Для создания нового объекта типа Number используют следующий синтаксис:
new Number(Значение)
На практике использование объекта Number чаще всего сводится к использованию его констант при проверке аргументов на допустимость и отслеживания ошибок времени выполнения. Например, чтобы проверить, является значение переменной числом или нет, можно использовать такой способ:
if (x!=Number.NaN);
В данном случае условие будет истинным, если переменная x содержит число, поскольку она сравнивается со специальным значением – NaN, означающим «не число». Помимо NaN, можно использовать и другие специальные значения – все они являются свойствами объекта Number:
- MAX_VALUE – максимальное возможное число
- MIN_VALUE – минимальное возможное число
- NaN – не число (Not a Number)
- NEGATIVE_INFINITY – «отрицательная бесконечность», специальное значение, возвращаемое в случае переполнения
- POSITIVE_INFINITY – «положительная бесконечность», специальное значение, возвращаемое в случае переполнения
Все эти свойства являются константами, поэтому для их использования создавать новый объект типа Number не требуется. Помимо вышеперечисленных свойств, для Number определены так же стандартные свойства constructor и prototype
Кроме свойств, объект Number, разумеется, имеет и методы. Помимо стандартных методов toSource, toString и valueOf, в JavaScript 1.5 появились 3 новых собственных метода объекта Number – toExponential, toFixed и toPrecision. Все они предназначены для преобразования чисел в строки на основе того или иного формата. Так, метод toExponential преобразует число в строку в виде числа с экспонентой, метод toFixed – в строку, содержащую число с фиксированным количеством знаков после запятой, а метод toPrecision использует один из этих способов, в зависимости от числа и выделенного количества знаков.
Исследуем с эти методы подробнее, для чего рассмотрим их синтаксис:
Метод([ЧислоЗнаков])
Очевидно, что для всех методов число знаков обозначает число знаков после запятой, однако если для метода toFixed значением по умолчанию (т.е. если ничего не указано) будет 0, то для toExponential и toPrecision – количество знаков, необходимое для вывода числа полностью. Чтобы лучше разобраться с работой и отличиями всех этих методов, рассмотрим их на примере листинга 4.5:
Листинг 4.5. Методы toExponential, toFixed и toPrecision
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>Методы объекта Number</title>
</head>
<body>
<script type="text/JavaScript"><!--
function printNumber(val) {
document.write(val + ": " + eval(val) + "<br />");
}
var x = new Number(12.45678);
document.open();
printNumber("x");
printNumber("x.toExponential()");
printNumber("x.toFixed()");
printNumber("x.toPrecision()");
printNumber("x.toExponential(2)");
printNumber("x.toFixed(2)");
printNumber("x.toPrecision(2)");
printNumber("x.toExponential(4)");
printNumber("x.toFixed(4)");
printNumber("x.toPrecision(4)");
document.close();
//--></script>
</body>
</html>
Здесь мы вновь (как и в листинге 4.4) воспользовались функцией, выводящей сначала выражение, а затем – результат его интерпретации, только назвали ее в данном случае printNumber. Далее следует собственно объявление переменной, над которой будут производиться вычисления. В данном случае мы объявили ее как объект типа Number, хотя, на самом деле, можно было бы ограничиться и простым объявлением переменной (x = 12.45678). Наконец, документ открывается для записи и в него сначала выводится значение переменной x без каких-либо явных преобразований (но мы уже знаем, что на самом деле тут автоматически применяется метод toString()), после чего все три исследуемых метода вызываются сначала без указания числа знаков, а затем – с параметрами 2 и 4. Результатом работы этого сценария будет 10 строк, содержащих пары «выражение: результат обработки» (рис. 4.9).
Рис. 4.9. Вывод числа с использованием новых методов JavaScript 1.5
В заключение остается еще раз отметить, что данные методы появились лишь в JavaScript 1.5 и, соответственно, не работают в браузерах Netscape 4, MSIE 4/5 и Opera до версии 7.0. В то же время, они обеспечивают более гибкие возможности форматирования чисел при выводе, чем, скажем, метод round() объекта Math.
2011-08-01 // Есть вопросы, предложения, замечания? Вы можете обсудить это на форуме !
