Kohdennettu JavaKäsikirjoituksen (OOJS) opetusohjelma esimerkin kanssa

by: James Hartman James Hartman
Hours Päivitetty

Mitä OOPS-konsepti sisältää JavaKäsikirjoitus?

Usein muuttujat tai taulukot eivät riitä simuloimaan tosielämän tilanteita. JavaKäsikirjoituksen avulla voit luoda esineitä, jotka toimivat kuin tosielämän esineitä. Opiskelija tai koti voi olla esine, jolla on monia ainutlaatuisia ominaisuuksia. Voit luoda objekteille ominaisuuksia ja menetelmiä ohjelmoinnin helpottamiseksi. Jos objektisi on opiskelija, sillä on ominaisuuksia, kuten etunimi, sukunimi, id jne. ja menetelmät, kuten laskeaRank, changeAddress jne. Jos esineesi on koti, sillä on ominaisuuksia, kuten useita huoneita, maalin väri, sijainti jne. ja menetelmät, kuten laskeaArea, changeOwner jne.

Kuinka luoda objekti

Voit luoda objektin seuraavasti:

var objName = new Object();
objName.property1 = value1;
objName.property2 = value2;
objName.method1 = function()
{
line of code
}

OR

var objName= {property1:value1, property2:value2, method1: function()

{ lines of code} };

Käytä objektin ominaisuuksia ja menetelmiä

Voit käyttää kohteen ominaisuuksia seuraavasti:

objectname.propertyname;

Voit käyttää objektin menetelmiä seuraavasti:

objectname.methodname();

Kokeile tätä esimerkkiä itse:

<html>
<head>
	<title>Objects!!!</title>
	<script type="text/javascript">
      var student = new Object();
      student.fName = "John";
      student.lName = "Smith";
      student.id = 5;
      student.markE = 76;
      student.markM = 99;
      student.markS = 87;
      student.calculateAverage = function()
      {
      	return (student.markE + student.markM + student.markS)/3;
      };
      student.displayDetails = function()
      {
        document.write("Student Id: " + student.id + "<br />");
        document.write("Name: " + student.fName + " " + student.lName + "<br />");
        var avg = student.calculateAverage();
        document.write("Average Marks: " + avg);
      };
		student.displayDetails();
	</script>
</head>
<body>
</body>
</html>

OOPS rakentaja

Mutta tällaisten objektien luominen ei ole niin hyödyllistä, koska myös täällä on luotava erilaisia ​​objekteja eri oppilaille. Tässä tulee objektikonstruktori kuvaan. Objektikonstruktorin avulla voit luoda objektityypin, jota voidaan käyttää uudelleen vastaamaan yksittäisen ilmentymän tarpeita.

Kokeile tätä esimerkkiä itse:

<html>
<head>
	<script type="text/javascript">
		function Student(first, last, id, english, maths, science)
        {
          this.fName = first;
          this.lName = last;
          this.id = id;
          this.markE = english;
          this.markM = maths;
          this.markS = science;
          this.calculateAverage = function()
          {
         	 return (this.markE + this.markM + this.markS)/3;
          }
		  this.displayDetails = function()
		  {
            document.write("Student Id: " + this.id + "<br />");
            document.write("Name: " + this.fName + " " + this.lName + "<br />");
            var avg = this.calculateAverage();
            document.write("Average Marks: " + avg + "<br /><br />");
		  }
		}
        var st1 = new Student("John", "Smith", 15, 85, 79, 90);
        var st2 = new Student("Hannah", "Turner", 23, 75, 80, 82);
        var st3 = new Student("Kevin", "White", 4, 93, 89, 90);
        var st4 = new Student("Rose", "Taylor", 11, 55, 63, 45);
        st1.displayDetails();
        st2.displayDetails();
        st3.displayDetails();
        st4.displayDetails();
	</script>
</head>
<body>
</body>
</html>

Kierrä objektin ominaisuuksien läpi

Syntaksi:

for (variablename in objectname)

{

lines of code to be executed

}

For/in a silmukka käytetään yleensä objektin ominaisuuksien läpikäymiseen. Voit antaa sille minkä tahansa nimen muuttuja, mutta objektin nimen tulee olla sama kuin jo olemassa olevan objektin nimen, jonka läpi sinun täytyy käydä läpi.

Kokeile tätä esimerkkiä itse:

<html>
<head>
	<script type="text/javascript">
		var employee={first:"John", last:"Doe", department:"Accounts"};
        var details = "";
        document.write("<b>Using for/in loops </b><br />");
        for (var x in employee)
        {
          details = x + ": " + employee[x];
          document.write(details + "<br />");
        }
	</script>
</head>
<body>
</body>
</html>