JavaScript ist eine objektorientierte Programmiersprache (OOP). Eine Programmiersprache kann als objektorientiert bezeichnet werden und bietet Entwicklern vier grundlegende Funktionen:
Objekte bestehen aus Eigenschaften. Wenn eine Eigenschaft eine Funktion enthält, wird sie als Methode eines Objekts betrachtet, andernfalls wird die Eigenschaft als Eigenschaft betrachtet.
Objekteigenschaften:
Die Eigenschaften eines Objekts können von einem der drei grundlegenden Datentypen oder einem beliebigen abstrakten Datentyp sein, beispielsweise einem anderen Objekt. Objekteigenschaften sind normalerweise Variablen, die intern von Methoden des Objekts verwendet werden, können aber auch Variablen sein, die global verwendet werden und auf der gesamten Seite sichtbar sind.
Die Syntax zum Hinzufügen von Attributen lautet:
objectName.objectProperty = propertyValue;
Beispiel:
Das Folgende ist ein einfaches Beispiel, um zu veranschaulichen, wie die Eigenschaft „title“ des Dateiobjekts verwendet wird, um den Dokumenttitel zu erhalten:
var str = document.title;
Objektmethoden:
Methoden weisen ein Objekt an, etwas zu tun. Es gibt kaum einen Unterschied zwischen einer Funktion und einer Methode, außer dass eine Funktionsanweisung eine unabhängige Einheit ist und die Methode an das Objekt angehängt ist und über dieses Schlüsselwort referenziert werden kann.
Methoden können für alles nützlich sein, von der Anzeige des Bildschirminhalts eines Objekts bis hin zur Durchführung komplexer mathematischer Operationen an einem lokalen Satz von Eigenschaften und Parametern.
Beispiel:
Hier ist ein einfaches Beispiel, um zu veranschaulichen, wie Sie die write()-Methode des Dokumentobjekts verwenden, um beliebige Inhalte in das Dokument zu schreiben:
document.write("This is test");
Benutzerdefinierte Objekte:
Alle benutzerdefinierten Objekte und integrierten Objekte werden als Nachkommen von Objekten bezeichnet.
neuer Betreiber:
Der neue Operator wird zum Erstellen von Instanzen von Objekten verwendet. Um ein Objekt zu erstellen, folgt auf den neuen Operator die Konstruktormethode.
Im folgenden Beispiel 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");
Object()-Konstruktor:
Konstruktor ist eine Funktion zum Erstellen und Initialisieren von Objekten. JavaScript bietet einen speziellen Konstruktor namens Object() zum Konstruieren von Objekten. Der Rückgabewert des Object()-Konstrukts wird einer Variablen zugewiesen.
Die Variable enthält einen Verweis auf das neue Objekt. Die diesem Objekt zugewiesenen Eigenschaften sind invarianten und werden nicht mit dem Schlüsselwort var definiert.
Beispiel 1:
Dieses Beispiel zeigt, wie man ein Objekt erstellt:
<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>
Beispiel 2:
Dieses Beispiel zeigt, wie man ein Objekt und eine benutzerdefinierte Funktion erstellt. Hier wird das Schlüsselwort this verwendet, um auf das Objekt zu verweisen, das an die 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>
Objektdefinierende Methode:
Das vorherige Beispiel zeigt, wie ein Konstruktor ein Objekt erstellt und Eigenschaften zuweist. Wir müssen jedoch die Zuordnungsmethode verwenden, um die Definition eines Objekts abzuschließen.
Beispiel:
Hier ist ein einfaches Beispiel, um zu veranschaulichen, wie man eine Funktion mit einem Objekt hinzufügt:
<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>
mit Stichwort:
Das Schlüsselwort with wird als Abkürzung verwendet, um auf die Eigenschaften oder Methoden eines Objekts zu verweisen.
Das als Parameter angegebene Objekt wird für die Dauer des folgenden Blocks zum Standardobjekt. Eigenschaften und Methoden für Objekte können bei unbenannten Objekten gefunden werden.
Grammatik
with (object){
properties used without the object name and dot
}
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>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
