Was ist der Zweck von if (typeof window !== 'undefined')

Was ist der Zweck der Berufung

if (typeof window !== 'undefined')

Ich sah es in JSPM-plugin-css, und einigen anderen Bibliotheken.

  • für den Autor der code, und wie verwendet, es fragt: "bin ich in der Ausführung in Chrom oder node.js?"... dieses raffinierte hybrid-code funktioniert in "beide" Orte javascript läuft. </Sarkasmus>
InformationsquelleAutor YiFeng | 2015-09-16
  1. 17

    Es ist eine idiomatische überprüfen, um zu sehen, ob das Skript ausgeführt wird, in eine web-Seite in einem web-browser oder nicht.

    Könnte man davon ausgehen, dass JavaScript läuft nur im web-Seiten, wie das ist, was es ursprünglich für entworfen, aber das ist nicht wahr: JavaScript ist eine vielseitige Sprache, die kann auch verwendet werden, für das schreiben von server-seitigen code in Node.js oder IIS' Active Server Pages (seit 1996!), oder innerhalb "web-worker", die Skripte für web-Seiten, die im hintergrund laufen.

    In eine Webseite, es gibt mehrere systeminterne Objekte, wie window andere Umgebungen (wie Node.js) nicht haben window aber vielleicht haben andere Objekte wie console (gut, console jetzt existiert in den meisten Browsern nun, es war aber nicht ursprünglich).

    Zum Beispiel, in verschiedenen Kontexten verschiedene Objekte sind in dem Skript die globalen Gültigkeitsbereich (diese Liste ist nicht erschöpfend):

    • In allen JavaScript-Kontexte ein standard-Satz von Objekten zur Verfügung, wie:
      • Math und Date
      • Object , Number, Function, String usw (Objekte, die built-in Typen), etc
    • In einer web-Seite Skript (innen <script> - tags):
      • Die Window (interface) ausgesetzt ist als der window Globale Objekt, das auch das Objekt, das ist globalen Bereich (so deklarieren var foo im globalen Bereich entsteht tatsächlich eine Eigenschaft window.foo!)
      • So die document global-Objekt ist eigentlich Zugriff auf die window.document Eigenschaft.
    • In einem Node.js server-side-Skript:
      • Als Node.js ist das nicht ein web-browser mit dem DOM-es gibt keine window Globale Objekt noch Eigenschaften wie document oder navigator, aber Sie bekommen andere Globale Objekte wie:
      • console
      • process
      • exports
    • In einer web-Seite der Web-Worker-Skript:
      • In einem Web Worker gibt es nicht eine window Objekt, also anstelle der globalen scope ist eine WindowOrWorkerGlobalScope Objekt, welche macht von Objekten, die über Eigenschaften wie:
      • caches
      • indexedDB
      • origin
    • In IIS Active Server-Seiten mit JScript (statt VBScript):
      • response (für das schreiben auf den response-stream)
      • request (für Lesung aus dem eingehenden HTTP-request)
      • Application und Session (zum beibehalten von Daten zwischen den Anfragen)
    • In Microsoft Windows' Shell Script Host
      • Die WScript global-Objekt stellt die Funktionen aus dem script host.
    • Es wird noch nicht gleich mit den string - 'undefined' obwohl Recht? Das ist !== nicht !=
    • Die Art der window Objekt, zurückgegeben durch die typeof Betreiber, wird gleich der string 'undefined'.
    • Oh, ich sehe, das macht Sinn. Es ist die Art, nicht das Objekt selbst.
    • denken Sie an die instanceof Betreiber, jedoch window nicht über einen Prototyp-Konstruktor, so dass Sie nicht ausführen können, einen aussagekräftigen Vergleich mit if( window instanceof ... ).
    • mein Fehler, ich blickte auf und sah den Verweis auf npm und angenommen das bezog sich auf die Knoten. Stellt sich heraus, es läuft innerhalb jspm was anders ist.
    • ein kleiner Punkt ist, dass nicht alle JS im browser ausgeführt wird, hat ein Fenster-Objekt auf der obersten Ebene, die Arbeiter zum Beispiel.

    InformationsquelleAutor Dai
  2. 12

    Dies kann verwendet werden, um zu erkennen, ob code ausgeführt wird in einem typischen browser-Umgebung (z.B. eine Umgebung mit einem browser-DOM), oder in einem anderen JS-Umgebung, da die window Objekt existiert in einem typischen browser-JS, aber nicht in so etwas wie node.js oder auch ein webWorker, die in einem browser.

    Wenn die window Objekt nicht vorhanden ist, dann 

    typeof window === 'undefined'

    also den code, den Sie fragte nach:

    if (typeof window !== 'undefined')

    führt die if block, wenn die window Objekt existiert als top-level-variable.

    In den spezifischen code, der Sie verknüpft ist, ist es zu halten, die Ausführung von browser-gezielte code-Referenzen-DOM-Objekte wie document wenn das plugin geschieht in einem nicht-browser-Umgebung.

    • wo kommt dein Kommentar über Workers() kommen? Ich habe nicht gesagt, nichts über Workers().
    • Ich verstehe nicht, was webWorker-code zu tun hat, mit dieser Frage. Sorry, aber ich bin einfach nicht zu verstehen, Ihren Kommentar. Dieser code erkennt das Vorhandensein von ein browser-wie window Objekt. Das allein kann Ihnen sagen, ob eine DOM-und es ist relevant, Objekte wahrscheinlich vorhanden (vs. node.js wo es Sie noch nicht), aber es kann Ihnen nicht sagen, alles, was Sie wollen über Ihre Umgebung wissen. Einige andere Dinge in der Umwelt erfordern möglicherweise andere tests (die waren nicht Gegenstand der Frage). Und, in der spezifische code verwiesen wird, wird es verwendet, um zu entscheiden, wenn das DOM kann verwendet werden.
    • ein kleiner Punkt ist, dass nicht alle browser JS ein - Fenster top-level-Objekt, die Arbeitnehmer zum Beispiel, aber in der Regel hast du Recht 😉
    InformationsquelleAutor jfriend00
Schreibe einen Kommentar