Mit dem Gültigkeitsbereich Funktionen in Typoskript

Question

Ich denke, das irgendwo, an einem gewissen Punkt angesprochen wurde, nur für das Leben von mir, dass ich nicht so hier meine Frage erinnern kann:

einig javascript Ich mache Arbeit, die wird in eine bestehende Anwendung geladen. Diese Anwendung hat Mist Funktionen zur Verfügung und kaum etwas davon ist mir bekannt außer einige, die ich tatsächlich verwenden möchte. Also sagen wir, dass ich für eine Tatsache weiß, dass window.srslyUsefulFunction für mich verfügbar sein wird und ich nicht viel dafür sorge, dies in eine Typoskript-Definition zu portieren.

Die Frage ist also, wie verwende ich window.srslyUsefulFunction in meiner eigenen Typoskript-Datei, ohne eine Definition dafür zu erstellen?

Beispiel:

class MyClass { 
    public MyMethod (id : string) : void { 
     // do something 
     var result = window.srslyUsefulFunction(id); 
     // do something (with the result) 
    } 
} 

Answer 1

Sie können die Funktion zum Window Schnittstelle hinzufügen und es dann in Ihrem Typoskript Programm verwenden:

interface Window { 
    srslyUsefulFunction(id: number): void; 
} 

class MyClass { 
    doSomething() { 
     window.srslyUsefulFunction(1); 
    } 
} 

Answer 2

Überprüfen Sie, ob die Funktion vorhanden ist. Wenn nicht, deklariere es:

if(!window.hasOwnProperty('srslyUsefulFunction') 
|| typeof window['srslyUsefulFunction'] !== "function"){ 
    window['srslyUsefulFunction'] = function(){ 
     console.log("You're only running a dummy implementation of srslyUsefulFunction here!"); 
    }; 
} 

Answer 3

Ich habe eine einfache Problemumgehung.

In index.html

function playIntro() { 
     intro = new lib.intro(); 
     onlinePlayer.contentContainer.addChild(intro); 
     stage.update(); 
    } 

in meinem Main.ts Ich nenne es wie folgt aus:

private onClick(event): void { 

     if (window.hasOwnProperty('playIntro')) { 
      window['playIntro'].call(); 
     } 
    } 

Also ... wenn Sie "blind" js Funktion von globalen Bereich nennen wollen benutze einfach das Fenster ["foo"]. call();