javascript - IE10 Javascript "Function Expected"

Question

这段代码给我一个 SCRIPT5002: Function expected 错误:

var callIt = function(func) { func(); }

为什么!？就好像它在尝试做类型检查什么的

编辑:用例

var callIt = function(func) { func(); }
function nextSlide() {
    var fn = currSlide ? currSlide.hide : callIt;
    currSlide = setupSlides[++slideIdx];
    fn(currSlide.show());
}

卫生部!

Answer 1

您的代码:

fn(currSlide.show());

...调用 currSlide.show() 并将调用它的返回值传递给 fn，与 完全一样foo(bar()) 调用 bar 并将其返回值传递给 foo。

因为 show 的返回值不是一个函数，所以你会得到错误。您的意思可能是:

fn(function() { currSlide.show(); });

---

不过请注意，这里有一个问题:

var fn = currSlide ? currSlide.hide : callIt;

如果 currSlide 为真，您将获得对 hide 函数的引用，但该函数未以任何方式连接到currSlide。如果您稍后调用它，它很可能会失败，因为它期望 this 具有特定的含义。

如果您可以依赖 ECMAScript5 的功能(因此，您使用的是 IE8 以外的现代浏览器和/或您包含“es5 shim”，您可以使用 Function#bind 修复它:

var fn = currSlide ? currSlide.hide.bind(currSlide) : callIt;

或者，如果您使用的是 jQuery，则可以使用 jQuery 的 $.proxy 修复它:

var fn = currSlide ? $.proxy(currSlide.hide, currSlide) : callIt;

这两个函数都返回一个新函数，调用时将使用给定的 this 值调用目标函数。

如果您不使用 ES5 或 jQuery，那么，这样做就可以了:

var prevSlide = currSlide;
var fn = prevSlide ? function(func) { prevSlide.hide(func); } : callIt;

...但在这一点上，我怀疑退后一步并重新评估可能是合适的。