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

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


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

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

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

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

Тема сегодняшнего выпуска: «Java Script(JS): Объекты».

 

Вот, добрались и до объектов. Что же это за зверь такой "объект" и с чем его едят. Давайте оглянемся вокруг. Мы видим множество предметов: стол, стул, окно, занавеска. Комната. Компьютер.  Телевизор, кресло, ковер. Все это можно назвать объектами. У объектов есть свойства. Например, цвет. Занавеска, допустим, оранжевая. У стола есть ножки. Их четыре. Значит, значение его свойства "количество ножек" равно 4. Комната тоже объект. Можно сказать, что она является контейнером для находящихся в ней объектов.

 Теперь рассмотрим понятие объект с точки зрения программирования. В окне браузера могут быть кнопки, картинки, текст. Все это объекты. Сам браузер тоже является объектом. Программно мы может обратиться к объектам, например, у картинки поменять имя к файла. В этом случает на экране у нас отобразиться другая картинка (если этот файл реально существует и содержит другое изображение).

Для того, что бы лучше понять, что-же такое объект, давайте рассмотрим пример описания и использования объекта:

<html>

 

<head>

    <title>Урок 49. 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

            }

 

            var myCar=new Car('Maroon','Renault','Logan')

            document.write('Цвет '+myCar.color+', Марка машины: '+myCar.vendor+' '+myCar.model)

      </SCRIPT>

</body>

 

</html>

 

 

Кроме свойств, у объектом можно так описать и методы (встроенные функции).  Например вот так:

<html>

 

<head>

    <title>Урок 49. 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

            }

 

            var myCar=new Car('Maroon','Renault','Logan')

        document.write(myCar.get_descr())

      </SCRIPT>

</body>

 

</html>

 

И в том, и в другом примере наша программа выдаст одинаковый результат:

 

Цвет Maroon, Марка машины: Renault Logan

 

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 


В избранное