Getting RangeError: Maximum call stack size exceeded on setTimeout even when the function being called is wrapped in a closure

Question

I have the following code, which when called repeatedly is throwing this error - RangeError: Maximum call stack size exceeded

var timeout = window.setTimeout(function() {
        onAnimationEnd(null);
    }, 2000)

onAnimationEnd : function(e) {
    if (e != null)
         e.stopPropogation();
    animatedObject.removeClass(this.triggerClass);
    animatedObject.unbind(this.endEventName);
    window.clearTimeout(this.timeout);
}

What are the possible scenarios in which this error can pop up other than calling the function directly?

Answer 1

this.timeout won't work, you have the variable timeout in another scope, you should probably pass it as a paramter also:

var timeout = window.setTimeout(function() {
    onAnimationEnd(null, timeout);
}, 2000);

onAnimationEnd(e, timeout) {
    if (e != null)
         e.stopPropogation();
    animatedObject.removeClass(this.triggerClass);
    animatedObject.unbind(this.endEventName);
    window.clearTimeout(timeout);
}