requestAnimationFrame with this keyword

by

I’m trying to pass display.draw which is the function in which webkitRequestAnimationFram resides.

webkitRequestAnimationFrame will presumably call the function you pass in, something like this:

function webkitRequestAnimationFrame(callback)
{
    // stuff...
    callback();
    // other stuff...
}

At this point, you have dissociated (detached) the draw function from its invocation context. You need to bind the function (draw) to its context (the instance of Display).

You can use Function.bind, but this requires JavaScript 1.8 support (or just use the recommended patch).

Display.prototype.draw = function()
{
    // snip...

    window.webkitRequestAnimationFrame(this.draw.bind(this));
};

More Related Contents:

  1. How do I use ‘this” keyword in an object literal? [closed]
  2. “this” inside object [duplicate]
  3. Why does String.prototype log it’s object like a standard object, while Array.prototype logs it’s object like a standard array?
  4. How to get all the values associated with an object in array?
  5. Use of ‘prototype’ vs. ‘this’ in JavaScript?
  6. How to remove all duplicates from an array of objects?
  7. How to get a subset of a javascript object’s properties
  8. Creating object with dynamic keys [duplicate]
  9. What does ‘var that = this;’ mean in JavaScript?
  10. React: “this” is undefined inside a component function
  11. Javascript call() & apply() vs bind()?
  12. How do I create a dynamic key to be added to a JavaScript object variable [duplicate]
  13. How does the new operator work in JavaScript?
  14. How to add an object to an array
  15. “this” is undefined inside map function Reactjs
  16. Iterate through object properties
  17. Clone Object without reference javascript [duplicate]
  18. Why Array.indexOf doesn’t find identical looking objects
  19. this inside function
  20. “This” within es6 class method [duplicate]
  21. Which way is best for creating an object in JavaScript? Is `var` necessary before an object property?
  22. Why in JavaScript both “Object instanceof Function” and “Function instanceof Object” return true?
  23. JavaScript: Remove duplicates of objects sharing same property value
  24. How to create Javascript constants as properties of objects using const keyword?
  25. What is the ‘global’ object in NodeJS
  26. Multiple arguments vs. options object
  27. How do I count a JavaScript object’s attributes? [duplicate]
  28. Get the property of the difference between two objects in javascript
  29. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  30. Dynamically Add Variable Name Value Pairs to JSON Object

Leave a Comment