Come potrei dichiarare un 'scimmia patchata' prototipo nel dattiloscritto

Question

Sto creando un file d.tS per webgl-utils.js da Google

Ho un problema con una delle ultime linee in cui un metodo in un oggetto globale è 'scimmia patch' (credo che questo sia la terminologia destra)

la linea problema si legge:

/** 
    * 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); 
      }; 
})(); 

Come dovrei dichiarare il presente nel mio file dattiloscritto in modo da non otterrà errori di compilazione quando uso il funzione:

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

ora ho provato:

interface window 
{ 
     requestAnimFrame(): any; 
} 

Ma questo non elimina l'errore:

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

Answer 1

Si stavano dirigendo nella giusta direzione, ma è necessario definire tutte le variazioni si dispone:

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

assicurarsi che il nome dell'interfaccia inizia con un capitale "W", non "w"

interface Window { 
    requestAnimFrame():any; 
} 

Nel codice chiamante utilizzare window.requestAnimFrame();. Spero che questo risolverà il vostro problema

Answer 3

un altro modo:

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

L'unico modo che ha funzionato per me:

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); 
     }; 
}