Drukuj stronę - Deklaracja Klasy w Java Script

Formalnie Java Script nie posiada klas i obiektĂłw jako takich, ale moÂżna.......

Klasa jest pewnym obiektem skÂładajÂącym sie z dwĂłch podstawowych elementĂłw: danych i funkcji. Dane nazywane sÂą "wÂłaÂściwoÂściami" a funkcjĂŞ noszÂą nazwĂŞ "metod". Obiekty sÂą potomkami klasy, posiadajÂą elementy klasy do ktĂłrej naleÂżÂą, lecz rĂłÂżniÂą siĂŞ wprowadzonymi wartoÂściami.

Deklaracja klasy/obiektu wymaga wywoÂłanie specjalnej funkcji nazywanej konstruktorem. W jĂŞzyku JS konstruktor jest funkcjÂą, ktĂłra jest wywoÂływana ze sÂłowem this.

KoĂączenie pracy z obiektem moÂże byĂŚ realizowane (ale nie musi) przez wywoÂłanie destruktora. Destruktor to teÂż funkcja z tym , ze czyszczÂąca obiekt z pamiĂŞci procesu.
W Java Script istniejÂą wÂłasne klasy ale jest moÂżliwoÂśĂŚ tworzenia wÂłasnych klas.
PrzykÂład.
function samochod(firma,model,rok)
{this.firma=firma
this.model=model
this.rok_produkcji=rok
}

WyÂżej przedstawiono metodĂŞ tworzenia klasy samochod. Jak wspominaÂłem wyÂżej obiekt jest potomkiem klasy zatem stwĂłrzmy obiekty czyli konkretne modele pojazdĂłw:

var
samochod1=new samochod("Fiat","Punto", 2010);
samochod2==new samochod("Opel","Signum",2008);
var sam = new samochod('volvo','740', 1997);

Deklaracja metod w klasie.
MoÂżliwe jest umieszczenie metody wewnÂątrz klasy.
PrzykÂład: Klasa samochod

function samochod(firma,model,rok)
{this.firma=firma;
this.model=model;
this.rok_produkcji=rok;
this.przyspieszenie = function() {this.model; };
}

Inna metoda, ktĂłra przedstawiĂŞ polega na zadeklarowaniu funkcji na zewnÂątrz klasy i przypisaniu jej pĂłÂźniej w deklaracji klasy. Dla przykÂładu zaprogramujmy funkcje ktĂłra wyÂświetla dane o pojeÂździe.

function wyswietl()
{
document.write("Marka pojazdu: "+this.samochod.firma+"");
document.write("Model pojazdu: "+this.samochod.model+" ");
document.write("Rok produkcji: "+this.rok+" ");
};

Wpiszmy funkcjĂŞ wewnÂątrz obiektu

function samochod(firma,model,rok)
{this.firma=firma;
this.model=model;
this.rok_produkcji=rok;
this.info = wyswietl;
}

StwĂłrzmy obiekty: samochod1 i samochod2:
var
samochod1=new samochod("Fiat","Punto", 2010);
samochod2==new samochod("Opel","Signum",2008);

WywoÂłanie funkcji/metody:

samochod1.info;

PrzykÂład praktyczny. Skrypt umieszczony wewnÂątrz kodu html.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
<meta name="Description" content=" [wstaw tu opis strony] ">
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
<meta name="Author" content=" [dane autora] ">
<meta name="Generator" content="">

<title> [tytuÂł strony] </title>

<link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css">

<script type="text/javascript">
function misio(wzrost,masa,szybkosc)
{ this.wzrost=wzrost;
this.masa=masa;
this.szybkosc=szybkosc;
}

</script>

</head>

<body>
<pre>
<script type="text/javascript">
gosciu = new misio(178,120,100);
document.writeln(gosciu.wzrost);
document.writeln(gosciu.masa);
document.writeln(gosciu.szybkosc);
</script>

</pre>



</body>
</html>

Darmowe Forum

Java Script => Java Script => Wątek zaczęty przez: admin Maj 23, 2014, 06:54:45