JavaScript. Подробное руководство, 6-е издание, Флэнаган Дэвид

JavaScript. Подробное руководство, 6-е издание

на обложку

Флэнаган Дэвид

Шрифт:

// Определение функции-конструктора для инициализации нового объекта Point

function Point(x,y) { // По соглашению имя конструкторов начинается с заглавного символа

this.x = x; // this - ссылка на инициализируемый объект

this.у = у; // Сохранить аргументы в свойствах объекта

} // Ничего возвращать не требуется

// Чтобы создать новый экземпляр, необходимо вызвать функцию-конструктор

// с ключевым словом "new"

var р = new Point(1, 1); // Точка на плоскости с координатами (1,1)

// Методы объектов Point определяются за счет присваивания функций свойствам

// объекта-прототипа, ассоциированного с функцией-конструктором.

Point.prototype.r = function {

return Math.sqrt( // Вернуть корень квадратный от x2 + y2

this.x * this.x + // this - это объект Point, относительно которого...

this.у * this.у // ...вызывается метод.

);

};

// Теперь объект p типа Point (и все последующие объекты Point) наследует метод r

p.r // => 1.414...

Глава 9 является кульминацией первой части, а главы, которые следуют за ней, связывают некоторые оборванные концы и завершают исследование базового языка. В главе 10 «Шаблоны и регулярные выражения» описывается грамматика регулярных выражений и демонстрируются приемы использования регулярных выражений для реализации сопоставления с текстовыми шаблонами. В главе 11 «Подмножества и расширения JavaScript» рассматриваются подмножества и расширения базового языка JavaScript. Наконец, прежде чем перейти к исследованию клиентского JavaScript в веб-броузерах, в главе 12 «Серверный JavaScript» будут представлены два способа использования JavaScript за пределами веб-броузеров.

1.2. Клиентский JavaScript

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

Глава 13 «JavaScript в веб-броузерах» является первой главой второй части, в которой описываются детали использования JavaScript в веб-броузерах. Самое важное, что вы узнаете в этой главе, - программный код JavaScript может встраиваться в HTML-файлы с помощью тега <script>:

<html>

<head>

<script src="library.js"></script> 

</head>

<body>

<р>Это абзац HTML

<script>

// Это некоторый программный код на клиентском JavaScript,

// встроенный непосредственно в HTML-файл

</script>

<р>Далее опять следует разметка HTML.</р>

</body>

</html>

Глава 14 «Объект Window» исследует приемы управления веб-броузером и описывает некоторые наиболее важные глобальные функции клиентского JavaScript. Например:

<script>

function moveon {

// Вывести модальный диалог, чтобы получить ответ пользователя

var answer = confirm("Ready to move on?");

// Если пользователь щелкнул на кнопке "OK", заставить броузер загрузить новую страницу

if (answer) window.location = " http://google.com ";

}

// Запустить функцию, объявленную выше, через 1 минуту (60000 миллисекунд).

setTimeout(moveon, 60000);

</script>

Обратите внимание, что примеры программного кода на клиентском JavaScript в этом разделе длиннее примеров на базовом языке, которые мы видели выше в этой главе. Эти примеры не предназначены для ввода в окне консоли Firebug (или в другом подобном инструменте). Однако вы можете вставлять их в HTML-файлы и затем запускать, открывая файлы в веб-броузере. Так, пример, приведенный выше, является самостоятельным HTML-файлом.