Heim > Web-Frontend > js-Tutorial > Was macht der neue Operator in js?

Was macht der neue Operator in js?

百草
Freigeben: 2023-11-13 16:05:47
Original
1611 Leute haben es durchsucht

Der neue Operator in js führt Folgendes aus: 1. Erstellen Sie ein leeres Objekt, und dieses neue Objekt wird zu einer Instanz der Funktion. 2. Verknüpfen Sie den Prototyp des neuen Objekts mit dem Prototypobjekt des Konstruktors, sodass das neue Objekt entsteht kann auf die im Objekt definierten Eigenschaften und Methoden des Konstruktors zugreifen. 3. Weisen Sie dem neuen Objekt den Bereich des Konstruktors zu, sodass das neue Objekt über das Schlüsselwort this auf die Eigenschaften und Methoden im Konstruktor verweisen kann im Konstruktor wird der Code in der Funktion verwendet, um die Eigenschaften und Methoden des neuen Objekts zu initialisieren. 5. Wenn es im Konstruktor keine Rückgabe gibt usw.

Was macht der neue Operator in js?

Das Betriebssystem dieses Tutorials: Windows 10-System, DELL G3-Computer.

In JavaScript wird der neue Operator verwendet, um eine neue Objektinstanz zu erstellen. Wenn eine Funktion mit dem neuen Operator aufgerufen wird, führt sie die folgenden Schritte aus:

1 Erstellen Sie ein leeres Objekt. Dieses neue Objekt wird zu einer Instanz der Funktion.

2. Verknüpfen Sie den Prototyp des neuen Objekts mit dem Prototypobjekt des Konstruktors. Auf diese Weise kann das neue Objekt auf die Eigenschaften und Methoden zugreifen, die im Konstruktor-Prototypobjekt definiert sind.

3. Weisen Sie dem neuen Objekt den Gültigkeitsbereich des Konstruktors zu. Auf diese Weise kann das neue Objekt über das Schlüsselwort this auf die Eigenschaften und Methoden im Konstruktor verweisen.

4. Führen Sie den Code im Konstruktor aus. Der Code im Konstruktor wird verwendet, um die Eigenschaften des neuen Objekts zu initialisieren.

5. Wenn im Konstruktor keine anderen Objekte zurückgegeben werden, gibt der neue Operator die neu erstellte Objektinstanz zurück. Andernfalls wird das im Konstruktor zurückgegebene Objekt zurückgegeben.

Das Folgende ist ein Beispiel, das die Verwendung des neuen Operators demonstriert:

// 定义一个构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}
// 使用new操作符创建一个Person对象实例
var person1 = new Person("John", 25);
// person1现在是一个Person对象实例
console.log(person1.name); // 输出: "John"
console.log(person1.age); // 输出: 25
Nach dem Login kopieren

Im obigen Beispiel wird eine neue Person-Objektinstanz erstellt, indem der Person-Konstruktor über den neuen Operator aufgerufen wird. Die Namenseigenschaft dieser neuen Objektinstanz ist auf „John“ und die Alterseigenschaft auf 25 festgelegt.

Es ist zu beachten, dass der neue Operator tatsächlich ein syntaktischer Zucker ist, der einige zugrunde liegende Details verbirgt. Tatsächlich ruft der neue Operator lediglich den Konstruktor auf und verknüpft das Prototypobjekt des Konstruktors mit der Prototypenkette des neuen Objekts. Daher können wir das Verhalten des neuen Operators auch simulieren, indem wir diese Schritte manuell ausführen.

Zusammenfassend führt der neue Operator in JavaScript die folgenden Aufgaben aus: Er erstellt ein neues Objekt, verknüpft die Prototypenkette, legt den Bereich fest, führt den Konstruktorcode aus und gibt eine neue Objektinstanz zurück. Diese Schritte ermöglichen es uns, mit dem Konstruktor eine Objektinstanz zu erstellen und das neue Objekt im Konstruktor zu initialisieren.

Das obige ist der detaillierte Inhalt vonWas macht der neue Operator in js?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage