मैं कैसे टाइपप्रति

Question

मैं गूगल

से webgl-utils.js के लिए एक d.ts फ़ाइल बना रहा हूं मैं पिछले लाइनों जहां एक वैश्विक वस्तु में एक विधि है में से एक के साथ एक समस्या है में एक 'बंदर समझौता' प्रोटोटाइप घोषणा करेंगे 'बंदर समझौता' (मुझे लगता है कि यह सही शब्दावली है)

समस्या लाइन में लिखा है:

/** 
    * Provides requestAnimationFrame in a cross browser way. 
    */ 
window.requestAnimFrame = (function() { 
    return window.requestAnimationFrame || 
      window.webkitRequestAnimationFrame || 
      window.mozRequestAnimationFrame || 
      window.oRequestAnimationFrame || 
      window.msRequestAnimationFrame || 
      function(/* function FrameRequestCallback */ callback, /* DOMElement Element */ element) { 
      window.setTimeout(callback, 1000/60); 
      }; 
})(); 

मैं अपने टाइपप्रति फ़ाइल में इस घोषणा करेंगे तो मैं त्रुटियों संकलन नहीं किया जाएगा, जब मैं का उपयोग करें कार्य:

function tick() 
{ 
     requestAnimFrame(tick); 
     drawScene(); 
} 

मैं अब की कोशिश की है:

interface window 
{ 
     requestAnimFrame(): any; 
} 

लेकिन इस त्रुटि को दूर नहीं करता:

The name 'requestAnimFrame' does not exist in the current scope 

Answer 1

आप सही दिशा में बढ़ रहा है कर रहे थे, लेकिन आप के बदलावों को भी परिभाषित करने की आवश्यकता आपके पास:

interface Window { 
    requestAnimFrame(callback: any, element?: any): void; 
    webkitRequestAnimationFrame(callback: any, element?: any): void; 
    mozRequestAnimationFrame(callback: any, element?: any): void; 
    oRequestAnimationFrame(callback: any, element?: any): void; 
} 

window.requestAnimFrame = (function() { 
    return window.requestAnimationFrame || 
     window.webkitRequestAnimationFrame || 
     window.mozRequestAnimationFrame || 
     window.oRequestAnimationFrame || 
     window.msRequestAnimationFrame || 
     function(callback, element?) { 
      window.setTimeout(callback, 1000/60); 
     }; 
})(); 

function tick() { 
    window.requestAnimFrame(tick); 
} 

Answer 2

यकीन है कि इंटरफेस नाम पूंजी के साथ शुरू होता है "डब्ल्यू" "डब्ल्यू" नहीं

बनाने

interface Window { 
    requestAnimFrame():any; 
} 

कॉलिंग कोड में window.requestAnimFrame(); का उपयोग करें। उम्मीद यह आपकी समस्या का समाधान होगा

Answer 3

एक और तरीका:

declare var wnd: { 
    requestAnimationFrame: any; 
    webkitRequestAnimationFrame: any; 
    mozRequestAnimationFrame: any; 
    oRequestAnimationFrame: any; 
    msRequestAnimationFrame: any; 
} 
var wnd = window; 

export var requestAnimFrame = (function() { 
    return wnd.requestAnimationFrame || 
      wnd.webkitRequestAnimationFrame || 
      wnd.mozRequestAnimationFrame || 
      wnd.oRequestAnimationFrame || 
      wnd.msRequestAnimationFrame || 
      function (/* function FrameRequestCallback */ callback, /* DOMElement Element */ element) { 
       window.setTimeout(callback, 1000/60); 
      }; 
})(); 

Answer 4

एक ही रास्ता जो मेरे लिए काम करता है:

declare global { 
    interface Window { 
     requestAnimFrame(callback:() => void): any; 
     webkitRequestAnimationFrame(callback:() => void): any; 
     mozRequestAnimationFrame(callback:() => void): any; 
     oRequestAnimationFrame(callback:() => void): any; 
    } 
} 

Window.prototype.requestAnimFrame = function() { 
    return window.requestAnimationFrame || 
     window.webkitRequestAnimationFrame || 
     window.mozRequestAnimationFrame || 
     window.oRequestAnimationFrame || 
     function (callback) { 
      window.setTimeout(callback, 1000/60); 
     }; 
}