在 IE 中的不同窗口上执行 try/catch

Question

考虑一个包含 iframe 的页面。 iframe 的内容可能如下所示

<script type="text/javascript">
    window.foo = function () {
        nonExisting();
    };
    window.bar = function () {
        throw "An error!";
    };
</script>

现在，我想执行如下所示的内容：

try {
    iframe.contentWindow.foo();
} catch (e) { console.log('ok'); }

这

try {
    iframe.contentWindow.bar();
} catch (e) { console.log('ok'); }

就是我得到的：

• Chrome/Firefox/Opera - 'ok', 'ok'
  （预期行为）
• IE8 - “预期对象”错误，未捕获

异常 这里发生了什么？当我使用 try/catch 块时，这怎么可能是未捕获的异常？这是一个错误吗？或者规范中是否有任何内容允许这种行为？
最重要的是：我能让它正常工作吗？

Answer 1

那是因为您有一个拼写错误：“An error”！。

如果我在模拟 IE8 的 IE9 上运行它而没有拼写错误，则它可以工作： http://jsfiddle.net/vsSgE/ 3/。

Answer 2

我今天遇到了这个问题。我在父窗口中定义了几个“异常类”，并将其“导入”到子窗口（iframe）中，以便能够使用父窗口中的 instanceof 处理它们。像这样的东西：

父窗口

window.MyExceptions = {
    RenderingException: function () { ... }
    // ...more exception types
};

// Somewhere further down in the code, assuming 'iframe' is the child iframe
try {
    iframe.contentWindow.renderAllTheThings();
} catch (ex) {
    if (ex instanceof MyExceptions.RenderingException) {
        // ...
    }
}

子（iframe）窗口

window.MyExceptions = window.parent.MyExceptions; // Import exception types
window.renderAllTheThings = function () {
    // ...
    throw new MyExceptions.RenderingException();
};

使用此设置，我遇到了与您相同的问题 - 它在我测试的所有现代浏览器中都有效，但在IE8 出现“未捕获的异常”错误。

我的解决方法是向父窗口中的 MyExceptions 对象添加一个简单的实用程序函数，该函数执行实际的抛出操作，如下所示：

window.MyExceptions = {
    RenderingException: function () { ... },
    // ...more exception types
    Throw: function (ex) {
        throw ex;
    }
};

然后，每当我想从子窗口抛出异常以在父窗口中处理时，我都会执行 MyExceptions.Throw(new MyExceptions.RenderingException());。

不太优雅，但我需要让它工作。