JavaScript - Objektübersicht

JavaScript ist eine objektorientierte Programmiersprache (OOP). Eine Programmiersprache kann als objektorientiert bezeichnet werden, wenn sie Entwicklern vier grundlegende Funktionen bietet:

Encapsulation - die Fähigkeit, verwandte Informationen, ob Daten oder Methoden, zusammen in einem Objekt zu speichern.
Aggregation - die Fähigkeit, ein Objekt in einem anderen Objekt zu speichern.
Inheritance - die Fähigkeit einer Klasse, sich für einige ihrer Eigenschaften und Methoden auf eine andere Klasse (oder Anzahl von Klassen) zu verlassen.
Polymorphism - die Fähigkeit, eine Funktion oder Methode zu schreiben, die auf verschiedene Arten funktioniert.

Objekte bestehen aus Attributen. Wenn ein Attribut eine Funktion enthält, wird es als Methode des Objekts betrachtet, andernfalls wird das Attribut als Eigenschaft betrachtet.

Objekteigenschaften

Objekteigenschaften können einer der drei primitiven Datentypen oder einer der abstrakten Datentypen sein, z. B. ein anderes Objekt. Objekteigenschaften sind normalerweise Variablen, die intern in den Methoden des Objekts verwendet werden, können aber auch global sichtbare Variablen sein, die auf der gesamten Seite verwendet werden.

Die Syntax zum Hinzufügen einer Eigenschaft zu einem Objekt lautet -

objectName.objectProperty = propertyValue;

For example - Der folgende Code erhält den Dokumenttitel mit dem "title" Eigentum der document Objekt.

var str = document.title;

Objektmethoden

Methoden sind die Funktionen, mit denen das Objekt etwas tun oder etwas damit tun kann. Es gibt einen kleinen Unterschied zwischen einer Funktion und einer Methode - bei einer Funktion handelt es sich um eine eigenständige Anweisungseinheit, und eine Methode ist an ein Objekt angehängt und kann von der referenziert werdenthis Stichwort.

Methoden sind für alles nützlich, von der Anzeige des Objektinhalts auf dem Bildschirm bis zur Durchführung komplexer mathematischer Operationen an einer Gruppe lokaler Eigenschaften und Parameter.

For example - Im Folgenden finden Sie ein einfaches Beispiel für die Verwendung von write() Methode des Dokumentobjekts zum Schreiben von Inhalten in das Dokument.

document.write("This is test");

Benutzerdefinierte Objekte

Alle benutzerdefinierten Objekte und integrierten Objekte sind Nachkommen eines aufgerufenen Objekts Object.

Der neue Operator

Das newMit dem Operator wird eine Instanz eines Objekts erstellt. Um ein Objekt zu erstellen, müssen Sie dienew Auf den Operator folgt die Konstruktormethode.

Im folgenden Beispiel sind die Konstruktormethoden Object (), Array () und Date (). Diese Konstruktoren sind integrierte JavaScript-Funktionen.

var employee = new Object();
var books = new Array("C++", "Perl", "Java");
var day = new Date("August 15, 1947");

Der Object () -Konstruktor

Ein Konstruktor ist eine Funktion, die ein Objekt erstellt und initialisiert. JavaScript bietet eine spezielle Konstruktorfunktion namensObject()um das Objekt zu bauen. Der Rückgabewert desObject() Der Konstruktor ist einer Variablen zugeordnet.

Die Variable enthält einen Verweis auf das neue Objekt. Die dem Objekt zugewiesenen Eigenschaften sind keine Variablen und werden nicht mit dem definiertvar Stichwort.

Beispiel 1

Versuchen Sie das folgende Beispiel; Es zeigt, wie ein Objekt erstellt wird.

<html>
   <head>
      <title>User-defined objects</title>     
      <script type = "text/javascript">
         var book = new Object();   // Create the object
         book.subject = "Perl";     // Assign properties to the object
         book.author  = "Mohtashim";
      </script>      
   </head>
   
   <body>  
      <script type = "text/javascript">
         document.write("Book name is : " + book.subject + "<br>");
         document.write("Book author is : " + book.author + "<br>");
      </script>   
   </body>
</html>

Ausgabe

Book name is : Perl 
Book author is : Mohtashim

Beispiel 2

Dieses Beispiel zeigt, wie Sie ein Objekt mit einer benutzerdefinierten Funktion erstellen. Hierthis Das Schlüsselwort wird verwendet, um auf das Objekt zu verweisen, das an eine Funktion übergeben wurde.

<html>
   <head>   
   <title>User-defined objects</title>
      <script type = "text/javascript">
         function book(title, author) {
            this.title = title; 
            this.author  = author;
         }
      </script>      
   </head>
   
   <body>   
      <script type = "text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
      </script>      
   </body>
</html>

Ausgabe

Book title is : Perl 
Book author is : Mohtashim

Methoden für ein Objekt definieren

Die vorherigen Beispiele zeigen, wie der Konstruktor das Objekt erstellt und Eigenschaften zuweist. Wir müssen jedoch die Definition eines Objekts vervollständigen, indem wir ihm Methoden zuweisen.

Beispiel

Versuchen Sie das folgende Beispiel; Es zeigt, wie eine Funktion zusammen mit einem Objekt hinzugefügt wird.

<html>
   
   <head>
   <title>User-defined objects</title>
      <script type = "text/javascript">
         // Define a function which will work as a method
         function addPrice(amount) {
            this.price = amount; 
         }
         
         function book(title, author) {
            this.title = title;
            this.author  = author;
            this.addPrice = addPrice;  // Assign that method as property.
         }
      </script>      
   </head>
   
   <body>   
      <script type = "text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
         document.write("Book price is : " + myBook.price + "<br>");
      </script>      
   </body>
</html>

Ausgabe

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

Das Schlüsselwort 'mit'

Das ‘with’ Das Schlüsselwort wird als eine Art Kurzform zum Verweisen auf die Eigenschaften oder Methoden eines Objekts verwendet.

Das als Argument angegebene Objekt für withwird zum Standardobjekt für die Dauer des folgenden Blocks. Die Eigenschaften und Methoden für das Objekt können verwendet werden, ohne das Objekt zu benennen.

Syntax

Die Syntax für with object lautet wie folgt:

with (object) {
   properties used without the object name and dot
}

Beispiel

Versuchen Sie das folgende Beispiel.

<html>
   <head>
   <title>User-defined objects</title>   
      <script type = "text/javascript">
         // Define a function which will work as a method
         function addPrice(amount) {
            with(this) {
               price = amount;
            }
         }
         function book(title, author) {
            this.title = title;
            this.author = author;
            this.price = 0;
            this.addPrice = addPrice;  // Assign that method as property.
         }
      </script>      
   </head>
   
   <body>   
      <script type = "text/javascript">
         var myBook = new book("Perl", "Mohtashim");
         myBook.addPrice(100);
         
         document.write("Book title is : " + myBook.title + "<br>");
         document.write("Book author is : " + myBook.author + "<br>");
         document.write("Book price is : " + myBook.price + "<br>");
      </script>      
   </body>
</html>

Ausgabe

Book title is : Perl 
Book author is : Mohtashim 
Book price is : 100

Native JavaScript-Objekte

JavaScript verfügt über mehrere integrierte oder native Objekte. Auf diese Objekte kann überall in Ihrem Programm zugegriffen werden, und sie funktionieren in jedem Browser, der unter einem beliebigen Betriebssystem ausgeführt wird, auf dieselbe Weise.

Hier ist die Liste aller wichtigen nativen JavaScript-Objekte -

JavaScript-Nummernobjekt
Boolesches JavaScript-Objekt
JavaScript-String-Objekt
JavaScript-Array-Objekt
JavaScript-Datumsobjekt
JavaScript Math Object
JavaScript RegExp-Objekt