CommonJS在module.exports上調用函數時出現非法調用錯誤

Question

這樣做很好：

var requestAnimationFrame = 
    window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame;

function _test() {
    console.log('hello from test');
}

requestAnimationFrame(_test);

但是，將其移動到另一個文件並使用CommonJS / webpack導出它會導致：

Uncaught TypeError: Illegal invocation

（像這樣:)

module.exports.requestAnimationFrame = 
    window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame;

...

var poly = require('../utils/polyfills');
poly.requestAnimationFrame(_test);

這可能是非常明顯的，但在我看來，我不明白為什么那不起作用：/

Answer 1

我在這里找到了答案： 為什么在JavaScript中某些函數調用被稱為“非法調用”？

似乎一些原生函數依賴於上下文，所以為了解決這個問題我綁定到窗口：

module.exports.requestAnimationFrame = 
    (window.requestAnimationFrame ||
    window.webkitRequestAnimationFrame ||
    window.mozRequestAnimationFrame).bind(window);