javascript – “未捕获的TypeError:非法调用”

当我使用requestAnimationFrame做一些本机支持的动画与下面的代码:

var support = {
    animationFrame: window.requestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.msRequestAnimationFrame ||
        window.oRequestAnimationFrame
};

support.animationFrame(function() {}); //error

support.animationFrame.call(window, function() {}); //right

直接调用support.animationFrame会给…

Uncaught TypeError: Illegal invocation

在Chrome中。为什么?

在您的代码中,您将一个本地方法分配给自定义对象的属性。
当你调用support.animationFrame(function(){}),它在当前对象(即支持)的上下文中执行。为了使native requestAnimationFrame函数正常工作,它必须在窗口的上下文中执行。

所以这里的正确用法是support.animationFrame.call(window,function(){});.

警报也发生同样的情况:

var myObj = {
  myAlert : alert //copying native alert to an object
};

myObj.myAlert('this is an alert'); //is illegal
myObj.myAlert.call(window, 'this is an alert'); // executing in context of window 

另一个选择是使用Function.prototype.bind(),它是ES5标准的一部分,并在所有现代浏览器中可用。

var _raf = window.requestAnimationFrame ||
        window.mozRequestAnimationFrame ||
        window.webkitRequestAnimationFrame ||
        window.msRequestAnimationFrame ||
        window.oRequestAnimationFrame;

var support = {
   animationFrame: _raf ? _raf.bind(window) : null
};
http://stackoverflow.com/questions/9677985/uncaught-typeerror-illegal-invocation-in-chrome

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – “未捕获的TypeError:非法调用”