Введение в JavaScript


Прототип


Обычно мы имеем дело со встроенными объектами JavaScript. Собственно, все, что изложено в других разделах курса — это обращение к свойствам и методам встроенных объектов. В этом смысле интересно свойство объектов, которое носит название prototype. Прототип — это другое название конструктора объекта конкретного класса. Например, если мы хотим добавить метод к объекту класса String:

String.prototype.out = new Function("a", "a.write(this)"); ... "Привет!".out(document);

Результат исполнения:

Привет!

Для объявления нового метода для объектов класса String мы применили конструктор Function. Есть один существенный нюанс: новыми методами и свойствами будут обладать только те объекты, которые порождаются после изменения прототипа объекта. Все встроенные объекты создаются до того, как JavaScript-программа получит управление, что существенно ограничивает применение свойства prototype.

Тем не менее покажем, как можно добавить метод к встроенному в JavaScript классу объектов. Примером будет служить встроенный поименованный Image. Задача состоит в том, чтобы разобрать URL картинки таким же образом, как и URL объекта класса Link:

function prot() { a = this.src.split(':'); protocol = a[0]+":"; return protocol; } function host() { a = this.src.split(':'); path = a[1].split('/'); return path[2]; } function pathname() { a = this.src.split(':'); path = a[1].split('/'); b = new array(); for(i=3;i<path.length;i++) b[i-3]="path[i];<br" c = b.join('/'); return "/"+c; } Image.prototype.protocol = prot; Image.prototype.host = host; Image.prototype.pathname = pathname; ... document.write("<IMG NAME=i1 SRC='image1.gif'><BR>"); document.write(document.i1.src+"<BR>"); document.write(document.i1.protocol()+"<BR>"); document.write(document.i1.host()+"<BR>"); document.write(document.i1.pathname()+"<BR>");

Пример 18.3.

Основная идея заключается в том, чтобы переопределить конструктор раньше, чем он будет использован. HTML-парсер разбирает HTML и создает встроенные объекты раньше, чем запускается JavaScript-интерпретатор. Из этого следует, что объект на странице нужно создать через JavaScript-код. В этом случае сначала происходит переопределение объекта   Image, а уже после этого создается встроенный объект данного класса. При работе с Internet Explorer все иначе. Если на свойство prototype у строкового объекта он не "ругается", то для Image такое свойство уже не определено.




Начало  Назад  Вперед



Книжный магазин