Warum können Sie eine überschriebene Eigenschaft des Fensters löschen?

Question

Der Operator delete entfernt eine Eigenschaft von einem Objekt. Wenn ich eine Eigenschaft auf window gesetzt, ich es löschen:

window.myProp = 10; 
delete window.myProp; 

Wie the article ich so oft andere beziehen sich auf, wenn es um das Verhalten der delete Operator Staaten, ist dies, weil Eigenschaftszuweisung nicht die DontDelete nicht gesetzt Attribut (im Gegensatz zur Variablendeklaration, die dies tut).

Dieser Artikel gibt auch an den folgenden (Hervorhebung hinzugefügt):

beachten, dass es während der Erstellung Eigenschaft ist, die Attribute bestimmt werden (das heißt keine sind gesetzt). Spätere Zuordnungen ändern nicht Attribute der vorhandenen Eigenschaft. Es ist wichtig zu verstehen, dass diese Unterscheidung .

Unter Berücksichtigung dieser Tatsache, warum kann ich eine vorhandene Eigenschaft Fenster außer Kraft setzen, alert, und es dann auf den ursprünglichen Wert-Rückkehr löschen? Fehle ich etwas Offensichtliches? Ich benutze selten den delete Operator, so dass dies durchaus der Fall sein kann.

Zum Beispiel:

window.alert = function() {}; 
alert("Hi!"); //Nothing happens 

delete window.alert; 
alert("Hello?"); //Alerts 'Hello?' 

hier ein fiddle zu, dass zeigt (nur in Chome getestet, ziemlich sicher, dass IE wird auf diese Weise nicht so verhalten, aber den Zugang zu irgendetwas nicht sofort, aber Chrome).

Answer 1

In Chrome, die window.alert Funktion Teil des Prototyp der DOMWindow Klasse ist, es ist nicht eine Eigenschaft von window selbst.

also, wenn Sie window.alert überschreiben Sie das Hinzufügen einer neuen Eigenschaft window, aber die Version im Prototyp bestehen bleibt, ist aber versteckt.

Wenn Sie delete window.alert wird die Funktion in dem Prototyp erneut ausgesetzt.

Hier einige Konsolenausgabe zeigt, dass die Funktion in dem Prototyp ist:

> window.constructor.prototype 
DOMWindow 

> window.constructor.prototype.alert 
function alert() { [native code] } 

Firefox verhält sich ähnlich, wenn auch mit unterschiedlichen Klassennamen.

Answer 2

Dies ist das beabsichtigte Verhalten, es heißt Shadowing. Es ermöglicht Ihnen, benutzerdefinierte Funktionalität bereitzustellen, ohne die Funktionalität von Superklassen auszulöschen. Wenn Sie die Methode löschen, wird Ihre benutzerdefinierte Methode gelöscht und zeigt die ursprüngliche Methode vom Prototyp an.

Je tiefer Sie in die Vererbung gehen und die Art und Weise verstehen, wie der Prototyp funktioniert, desto mehr werden Sie feststellen, dass Instanzen von Menschen dies tun.

Ausgezeichnete Frage. Dies ist kein Bereich, der von den meisten JavaScript-Entwicklern meiner Erfahrung nach häufig genutzt wird. Wenn es diese Art von Sache nicht gäbe, wären viele Polyfills, die die Kernfunktionalität von JavaScript-Basisobjekten erweitern oder außer Kraft setzen, nicht möglich.