IEはスクリプトタグごとに新しいスコープを作成しますか？

Question

次のHTMLファイルがIEでタイトルとしてタイトルを表示するのはなぜですか？他のブラウザはタイトルをmytitleとして表示します。

<script> 
window.mylib = window.mylib || {}; 
mylib.title = 'mytitle'; 
</script> 

<script> 
var mylib = mylib || {}; 
document.title = mylib.title || 'default'; 
</script> 

IEはスクリプトタグごとに個別のスコープを作成しますか？

これは単なるバグか、動作が異なるのはなぜですか？

（IE8でテストされ、最新のクロム/ FF /オペラ）

Answer 1

HTMLタグ<script>のJavascriptはwindowの範囲内で実行されています。したがって、分離されたスクリプトタグは同じスコープで実行されます。

具体的にIE7で、二度目に変数を再定義しないようにしよう：

代わり

var mylib = mylib || {}; 

使用

mylib = window.mylib || {}; 

のIE7は、おそらくmylibときの定義を上書きしvar mylib遭遇する。

Answer 2

最初の<script>タグでwindow.mylibを初期化しています。 2番目の<script>タグでは、var mylibをmylibではなくwindow.mylibで初期化しています。そしてそれに対してtitleの値をチェックします。私が正しく理解できるなら、いくつかの論理的な問題があるようです。

<script>はウィンドウにスコープが設定されているため、適切に定義および/または初期化されていれば、変数や関数にアクセスしている人の数や変数には関係ありません。

Answer 3

スコープは問題ではありません。各<script>は、同じグローバルスコープ内で評価する必要があります。

しかし、window.mylib = ...は、IE8では実際の宣言とは見なされていません。したがって、それに続いてvar mylibを指定すると、オーバーライド/リセットがundefinedになります。

<script> 
    window.mylib = {}; 
</script> 

<script> 
    console.log(typeof window.mylib); // object 
</script> 

<script> 
    var mylib; 
    console.log(typeof window.mylib); // undefined 
</script> 

var mylibまたはwindow.mylib全体のいずれかを使用すると、期待どおりには動作するはずです。それはちょうど問題である混合物だと思う。

<script> 
    var mylib = mylib || {}; 
    mylib.title = 'mytitle'; 
</script> 

<script> 
    var mylib = mylib || {}; 
    document.title = mylib.title || 'default'; // 'mytitle' 
</script>