Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование - это просто!


Внимание!!! Акция!!!

Организатор курсов "Программирование в среде 1С:Бухглатерия 8.2. Основной курс" принял решение: к некоторым лекциям курса сделать видеоприложения. К первой лекции уже есть видеоприложение и вы можете до 15 августа 2012 года скачать его бесплатно вот по этой ссылке.

Скачивая данное видеоприложение вы соглашаетесь с правилами публичной оферты.

 

Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

 

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «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, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 


В избранное