Ist es möglich, unbegrenzte Funktionen automatisch an etwas anderes als "Fenster" zu binden?

Question

Angenommen, ich möchte etwas JavaScript-Code ausführen, wie kann ich den globalen Kontext so ändern, dass sogar unbegrenzte Funktionen, die darin definiert sind, an diesen neuen Kontext gebunden werden? Meine aktuelle Idee ist folgende:

(function() { 
    var window = {foo: 'bar'}; // just an example 

    (function() { 
    // PUT CODE HERE 
    }).call(window); 
})(); 

Dies funktioniert für einfache Dinge. Sowohl der Rahmen der inneren Funktion und das window Objekt wird auf die Variable verweisen ich erklärte:

(function() { 
    var window = {foo: 'bar'}; // just an example 

    (function() { 
    // <CODE> 
    console.log(this, window); 
    // </CODE> 
    }).call(window); 
})(); 

Der Ausgang ist das, was ich erwartet hatte: Object {foo: "bar"} Object {foo: "bar"}.

Aber wenn der innere Code ohne Angabe ihrer Funktion definiert this Objekt (beispielsweise nicht Function.prototype.bind nicht verwendet), erhält sie automatisch die ursprünglichen window Objekt als this. Überprüfen Sie den folgenden Code und seine Ausgabe:

(function() { 
    var window = {foo: 'bar'}; 

    (function() { 
    // <CODE> 
    console.log(this, window); 
    (function() { 
     console.log(this, window); 
    })(); 
    // </CODE> 
    }).call(window); 
})(); 

// This code outputs: 
Object {foo: "bar"} Object {foo: "bar"} 
Window {external: Object, chrome: Object, document: document, configData: Object, speechSynthesis: SpeechSynthesis…} Object {foo: "bar"} 

Gibt es eine Möglichkeit, wirklich ein Stück Code zu bekommen Zugriff auf die ursprüngliche window Objekt isolieren?

Answer 1

Wenn Sie den strikten Modus verwenden, wird die Funktion ohne einen definierten Kontext (new, bind, call, apply) aufgerufen. Dies ist nicht definiert und kann daher das globale Objektfenster nicht ändern. Ich empfehle Ihnen, mozilla documentation about strict mode zu lesen. Wo finden Sie die folgenden Sätze finden:

Das bedeutet unter anderem, dass es nicht mehr möglich, das Fenster Objekt durch diesen in einer strengen Modus Funktion verweisen in Browsern.

sich zu überzeugen, können Sie diesen Code in einem Browser versuchen:

function useStrictMode() { 
    'use strict'; 
    console.log(this); 
} 

function noStrict() { 
    console.log(this); 
} 

useStrictMode(); //log undefined 
noStrict(); //log window 

Putting zu einem Anfang einer Datei ‚use strict‘ wird der gesamte Inhalt der Datei es verwenden machen. Es kann jedoch ein Problem haben, wenn Sie Ihre js-Datei mit anderen Dateien verknüpfen. In der Tat kann 'use strict' das Verhalten eines Codes ändern und einige Bibliotheken beschädigen. Dies ist einer der Gründe, warum es immer den gesamten Code in einer anonymen Funktion empfohlen einzuwickeln: „Gibt es eine Möglichkeit, wirklich ein Stück Code von isolieren Zugriff auf das ursprüngliche Fenster-Objekt bekommen“

(function(){ 
    'use strict'; 

    //your code go here, function declaration here will use strict mode to 
})();