当调用框架（和执行上下文）消失时处理回调

Question

假设您有两个框架，A 和 B（或一个带有 iframe 的页面）。 A 中有一个函数foo()，它在完成时调用回调。 B 中的脚本从 A 调用 foo()，但在它完成之前（并从 B 调用回调），B 的 src 被完全替换，因此回调不再具有执行上下文。在大多数浏览器中，这会产生某种错误。

有什么方法可以检测到回调来自不再具有执行上下文的运行时，因此不应被调用？

这是包装页：

<html>
<head>
    <script>
        var load = function() {
            document.getElementById("link").onclick = function(){
                document.getElementById("iframe").src = "test-exec-context-frame-src.html";
                return(false);
            };
        };
        var frameLoad = function(cb) {
            // kill the frame and then callback
            document.getElementById("iframe").src = "http://www.google.com";
            cb();
        };
    </script>
</head>
<body onload="load();">
    <div>This is the first div, click <a id="link" href="#">here</a> to start</div>
    <iframe id="iframe"></iframe>
</body>

这里是 iframe src 页面：

<html>
<head>
    <script>
        var load2 = function() {
            document.getElementById("link").onclick = function(){
                top.frameLoad(function(){
                    console.log("I am done");
                });
            };
        };
    </script>
</head>
<body onload="load2();">
    <div>This is the internal frame. Click <a href="#" id="link">here</a> to force the callback.</div>
</body>

点击第一个页面中的链接，iframe 加载第二个源页面。单击第二页中的链接，它会通过回调调用 top.frameLoad。在运行回调之前，iframe src 被更改为 www.google.com，从而破坏了回调的执行上下文。回调运行并产生错误。

在尝试执行回调之前，我们如何检查回调的执行上下文 - 或者可能是调用函数的执行上下文？

（忽略格式、全局变量的使用、jquery 比 document.getElementById 处理得更好等事实。这只是一个测试。）

Answer 1

我不知道如何检查执行上下文是否消失，但我遇到的两种解决方法是：

1. 将回调调用放入 try/catch 中并忽略任何异常。

2. 在与 frameLoad 函数相同的框架中定义回调函数，这样从 iframe 中您对 frameLoad 的调用将如下所示：top.frameLoad(top.someCallbackFunction);

如果您知道frameLoad 函数的全部意义在于替换定义回调的 iframe 的内容，那么为什么还要使用回调呢？任何重要的回调都想要与原始内容进行交互，不是吗？您能否通过在最初位于 iframe 中的文档中定义 onunload 来实现类似的效果？

更新：

当我建议一个 try/catch 时，我的意思是在你的父文档脚本中是这样的：

var frameLoad = function(cb) {
   // kill the frame and then callback
   document.getElementById("iframe").src = "http://www.google.com";
   try {
      cb();
   } catch(e) {
      // callback didn't work; do something if necessary
   }
}; 

你也可以试试if (cb != undefined) cb(); 或类似的。