IEの異なるウィンドウでtry/catchを実行する

Question

iframeを含むページを考えてみましょう。

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

と

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

これは私が得るものです：：

• のiframeの内容は、今、私はこのような何かを実行したいこの

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

  のようになります。 Chrome/Firefox/Opera - 'ok'、 'ok'
  （期待される動作）

• IE8 - "オブジェクト期待" エラー、キャッチされない例外

WTFはここで起こっていますか？私が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) { 
     // ... 
    } 
} 

子供（インラインフレーム）ウィンドウ

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());とします。

エレガントではありませんが、私はそれを機能させる必要がありました。