| Добрый день, уважаемые подписчики! Тема сегодняшнего выпуска: «Java Script(JS): Дополнительные приемы работы с объектами. Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS"). На уроке 49 мы уже проходили тему "объекты". Сегодня я расскажу о них еще кое что. Во первых, на основе одних объектов можно конструировать другие. В частности, в Java Script предусмотрен механизм наследования, благодаря которому новые объекты наследуют свойства и методы старого, пример урок 50 и урок "Web-программирование: «Java Script(JS): Библиотека визуальных компонентов. Класс контейнер».". К новым (дочерним) объектам можно добавлять новые методы и свойства и удалять старые. Давайте рассмотрим пример: | <html> <head> <title>Урок 81. Java Script (JS): Дополнительные сведения об объектах</title> </head> <body> <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript"> function Car(a_color, a_vendor, a_model) { this.color=a_color this.vendor=a_vendor this.model=a_model this.get_descr=get_descr } function get_descr() { res='Цвет '+this.color+', Марка машины: '+this.vendor+' '+this.model return res } function Truck(a_tonnage, a_vendor, a_model){ this.tonnage=a_tonnage this.vendor=a_vendor this.model=a_model this.get_descr=get_descr delete this.color this.get_descr=get_descr_truck } function get_descr_truck() { res='Грузоподъемность '+this.tonnage+', Марка машины: '+this.vendor+' '+this.model return res } var myCar=new Car('Maroon','Renault','Logan') document.write(myCar.get_descr()+'<br>') var myOtherCar=new Truck(1.5,'ГАЗ','3302') document.write(myOtherCar.get_descr()+'<br>') </SCRIPT> </body> </html> | И вот результат работы данной программы: Цвет Maroon, Марка машины: Renault Logan
Грузоподъемность 1.5, Марка машины: ГАЗ 3302 | Следующая интересная конструкция Java Script это With. Она позволяет обращаться к поля и методам объекта без точек, например, в том случае, когда путь к конечному объекту достаточно длинный, типа такого: a=document.forms[0].selectButton.options[1]. Если у нас очень много подобных записей, то это весьма утомительно. Поэтому можно воспользоваться конструкцией with. Вот как записывается конструкция без with (пример): | <html> <head> <title>Урок 81. Java Script (JS): Дополнительные сведения об объектах</title> </head> <body> <SCRIPT Language="JavaScript" type="text/javascript"> function ButtonClick() { a=document.forms.myform.input_field.value; b=a*2; document.write(a,"*2=",b); } </SCRIPT> <form name="myform"> <input type="text" name="input_field" size="50"><input type="submit" OnClick="ButtonClick()"></p> </form> </body> </html> | И вот как с with: | <html> <head> <title>Урок 81. Java Script (JS): Дополнительные сведения об объектах</title> </head> <body> <SCRIPT Language="JavaScript" type="text/javascript"> function ButtonClick() { with (document.forms.myform) { a=document.forms.myform.input_field.value; b=a*2; document.write(a,"*2=",b); } } </SCRIPT> <form name="myform"> <input type="text" name="input_field" size="50"><input type="submit" OnClick="ButtonClick()"></p> </form> </body> </html> | На сегодня пока все, а на следующем занятии мы продолжим тему объектов. С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать. |
Комментариев нет:
Отправить комментарий
Спасибо за Ваш комментарий. ASI очень ценит его.