Voorbeeld / Oefening met objecten (en methods)

Gevraagd: Maak een Web pagina waarbij methods bij en in objecten worden gebruikt.

Werkwijze: .....

=== NOG NIET KLAAR ===

Oplossing:

<HTML>
<HEAD>
<TITLE>......</TITLE>
</HEAD>

<SCRIPT> 
function car (make,model,owner) <--- dit is de definitie 
                                     van een object
{
  this.make=make
  this.model=model
  this.owner=owner
  this.displayCar=displayCar 
}

function person (lastName,firstName,leeftijd,date,street,town) <-- dit
{                                is de definitie van een tweede object
  this.lastName = lastName
  this.firstName = firstName
  this.leeftijd = leeftijd
  this.date = date
  this.street = street
  this.town = town
  this.displayPerson = displayPerson  <------ dit is method
}

function displayCar ()          <---- dit is een functiedefinitie
{                                                 van een method
  document.write(this.make)
  document.write(" " + this.model)
  document.write(" " + this.owner + "<BR>")   
}

function displayPerson ()       <---- dit is een functiedefinitie
{                                                 van een method
  document.write("<LI>" + this.firstName)
  document.write("<LI>" + this.lastName)
  document.write("<LI>" + this.date)
  document.write("<LI>" + this.town + "<P>")  }

</SCRIPT> 

<BODY>
xxx
xxx 
etc. 
xxx
xxx
<SCRIPT> 
rik = new person ("Min,", "Rik", 51, 1946, "schopmanl. 22","Enschede")
annet = new person ("Min,", "A.", 51, 1946, "xx", "xxx")
helene = new person ("Min,", "H.", 51, 1946, "xxx", "xxx")
rita = new person ("Min,", "K.", 51, 1946, "xxx", "xxx")
pietje = new person ("Puk,","Pietje",51, 1900,"xxxx-landen aa","Enschede")

rikscar = new car (1990, "Nissan", rik.lastName)
pietjescar = new car (1994, "Toyota", pietje.lastName)

rikscar.displayCar ()    <--- dit zijn aanroepen van methods
rik.displayPerson ()
pietjescar.displayCar ()
pietje.displayPerson ()
</SCRIPT> 
xxx
xxx
xxx
</BODY>
</HTML>

In deze opdracht moet je de functies 'persoon', 'car', displayCar' en 'displayPersoon' gebruiken. De eerste twee zijn definities van objecten. De laatste twee zijn definities van methods.

Resultaat:

Je ziet hier dat van twee auto's (de twee objecten: 'rikscar' en 'pietjescar') keurig de vier gevraagde persoonsgegevens worden gepresenteerd. Je ziet dat de laatste naam van rik keurig gedisplayed wordt via 'rik.lastName' in het object rikscar; een instance van car, zoals dat in het OO-jargon heet.

Enschede, 6 dec. 1999