Αντικειμενοστραφής JavaΕκμάθηση Script(OOJS) με Παράδειγμα

Με: Τζέιμς Χάρτμαν Τζέιμς Χάρτμαν
Hours Ενημερώθηκε

Τι περιλαμβάνει το OOPS Concept JavaΓραφή;

Πολλές φορές, οι μεταβλητές ή οι πίνακες δεν επαρκούν για την προσομοίωση πραγματικών καταστάσεων. JavaΤο σενάριο σάς επιτρέπει να δημιουργείτε αντικείμενα που λειτουργούν σαν αντικείμενα πραγματικής ζωής. Ένας μαθητής ή ένα σπίτι μπορεί να είναι ένα αντικείμενο που έχει πολλά δικά του μοναδικά χαρακτηριστικά. Μπορείτε να δημιουργήσετε ιδιότητες και μεθόδους στα αντικείμενά σας για να διευκολύνετε τον προγραμματισμό. Εάν το αντικείμενό σας είναι φοιτητής, θα έχει ιδιότητες όπως όνομα, επίθετο, αναγνωριστικό κ.λπ. και μεθόδους όπως υπολογισμός κατάταξης, αλλαγή διεύθυνσης κ.λπ. Εάν το αντικείμενο σας είναι σπίτι, θα έχει ιδιότητες όπως αριθμό δωματίων, χρώμα βαφής, τοποθεσία κ. και μεθόδους όπως υπολογισμός Περιοχής, changeOwner κ.λπ.

Πώς να δημιουργήσετε ένα αντικείμενο

Μπορείτε να δημιουργήσετε ένα αντικείμενο όπως αυτό:

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} };

Πρόσβαση στις ιδιότητες και τις μεθόδους αντικειμένου

Μπορείτε να αποκτήσετε πρόσβαση στις ιδιότητες ενός αντικειμένου όπως αυτό:

objectname.propertyname;

Μπορείτε να αποκτήσετε πρόσβαση σε μεθόδους ενός αντικειμένου όπως αυτό:

objectname.methodname();

Δοκιμάστε μόνοι σας αυτό το Παράδειγμα:

<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

Αλλά η δημιουργία αντικειμένων αυτού του είδους δεν είναι τόσο χρήσιμη γιατί και εδώ, θα πρέπει να δημιουργήσετε διαφορετικά αντικείμενα για διαφορετικούς μαθητές. Εδώ μπαίνει ο κατασκευαστής αντικειμένων στην εικόνα. Ο κατασκευαστής αντικειμένου σάς βοηθά να δημιουργήσετε έναν τύπο αντικειμένου που μπορεί να επαναχρησιμοποιηθεί για να καλύψει την ανάγκη μεμονωμένης παρουσίας.

Δοκιμάστε μόνοι σας αυτό το Παράδειγμα:

<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>

Βρόχος μέσω των ιδιοτήτων ενός αντικειμένου

Σύνταξη:

for (variablename in objectname)

{

lines of code to be executed

}

Το για/σε α βρόχος χρησιμοποιείται συνήθως για να κάνει βρόχο στις ιδιότητες ενός αντικειμένου. Μπορείτε να δώσετε οποιοδήποτε όνομα για το μεταβλητή, αλλά το όνομα του αντικειμένου θα πρέπει να είναι το ίδιο με αυτό ενός ήδη υπάρχοντος αντικειμένου που πρέπει να πραγματοποιήσετε επαναφορά.

Δοκιμάστε μόνοι σας αυτό το Παράδειγμα:

<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>