Verwendet AngularJS immer prototypische Vererbung für untergeordnete Bereiche?

Nuancen der Scope-Prototyp-/prototypischen Vererbung in AngularJS

Frage:

1. Erben untergeordnete Bereiche immer prototypisch von ihren übergeordneten Bereichen? Bereiche?
2. Gibt es Ausnahmen?
3. Wenn sie erben, handelt es sich dann immer um normale JavaScript-Prototypvererbung?

Kurze Antwort:

Untergeordnete Bereiche erben normalerweise prototypisch von ihren übergeordneten Bereichen über APIs wie ng-repeat, ng-switch, ng-include, aber nicht immer. Eine Ausnahme bilden Direktiven mit dem Gültigkeitsbereich: {...}, die isolierte Bereiche erstellen, die nicht prototypisch erben.

Lange Antwort:

JavaScript Prototypal Inheritance

Objekte in JavaScript werden durch Prototypen verknüpft, die eine Vererbungskette bilden. Ein untergeordnetes Objekt kann auf Eigenschaften und Methoden seines übergeordneten Prototyps zugreifen, auch wenn diese nicht direkt auf dem untergeordneten Objekt definiert sind.

Im folgenden Beispiel erbt childScope von parentScope:

// parentScope object
parentScope = {
    aString: 'parent string',
    anArray: [1, 2, 3],
    anObject: { prop1: 'parent prop1' },
    aFunction: function() { console.log('parent output'); }
};

// childScope object inherits from parentScope
childScope = Object.create(parentScope);

Angular Scope-Vererbung

AngularJS nutzt prototypische Vererbung für seine Bereiche. Bereiche befassen sich hauptsächlich mit Daten und Funktionen in Ihrer Anwendung. Untergeordnete Bereiche erben normalerweise von ihren übergeordneten Bereichen und können auf deren Eigenschaften und Methoden zugreifen.

Es gibt jedoch Ausnahmen und Nuancen, die Sie beachten sollten:

ng-include und ng-switch

Diese Anweisungen erstellen neue Bereiche, die prototypisch vom übergeordneten Bereich erben, aber Vorsicht vor der Bindung an diesen Grundelemente (z. B. Zahlen, Zeichenfolgen, boolesche Werte) aus dem untergeordneten Bereich. Dies kann zu unerwartetem Verhalten führen, da die Eigenschaften des untergeordneten Bereichs ausgeblendet werden. Erwägen Sie stattdessen die Verwendung von Objekten, $parent oder übergeordneten Bereichsfunktionen.

ng-repeat

Ng-repeat erstellt untergeordnete Bereiche mit einer besonderen Wendung. Es weist dem untergeordneten Bereich eine neue Eigenschaft mit dem Wert des iterierten Elements zu. Wenn das Element primitiv ist, kann dies zu unabhängigen Kopien führen, die sich nicht auf das übergeordnete Array auswirken. Wenn es sich bei dem Element jedoch um ein Objekt handelt, wird die Referenz gemeinsam genutzt und Änderungen im untergeordneten Bereich werden im übergeordneten Array widergespiegelt.

Anweisungen

• Standard: (Bereich: false) Es wird kein neuer Bereich erstellt; Die Direktive verwendet den übergeordneten Bereich.
• Prototypische Vererbung: (Bereich: true) Die Direktive erstellt einen untergeordneten Bereich, der prototypisch erbt.
• Bereich isolieren: (scope: {...}) Die Direktive erstellt einen isolierten Bereich, der nicht prototypisch vererbt wird. Das Hash-Objekt definiert die Bindung zwischen dem übergeordneten und dem isolierten Bereich.
• Transkludierter Bereich: (transclude: true) Die Direktive erstellt einen untergeordneten Bereich, der prototypisch erbt. Es ist ein Geschwister des isolierten Bereichs (falls vorhanden).

Schlussfolgerung

Prototypische Vererbung ist ein grundlegender Aspekt des AngularJS-Scopings. Die oben genannten Nuancen und Ausnahmen helfen Ihnen, Fallstricke zu vermeiden und die Vererbung in Ihren Anwendungen effektiv zu nutzen. Denken Sie daran, Datentypen, Bereichstypen (z. B. isolieren) und die Möglichkeit des Ausblendens von Eigenschaften zu berücksichtigen, wenn Sie mit mehreren Bereichen arbeiten.

Das obige ist der detaillierte Inhalt vonVerwendet AngularJS immer prototypische Vererbung für untergeordnete Bereiche?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!