次のjsコードスニペットの相違点

Question

私はJavascriptが新しく、次のコードスニペットの違いについて少し混乱します。

スニペット1：

window.onload = function() { 
    var friendlyChat = new FriendlyChat(); 
}; 

スニペット2：

window.onload = function() { 
    window.friendlyChat = new FriendlyChat(); 
}; 

、誰もがそれらの間の違いを教えてくださいことはできますか？

Answer 1

スニペット1：

window.onload = function() { 
    var friendlyChat = new FriendlyChat(); 
}; 

var sample = function() { 
    var sampleInstance = friendlyChat; //error 
    // friendlyChat cannot be accesses here as you have declared it 
    // at function scope which gets destroyed once the function has 
    // returned or completed the execution. 
} 

friendlyChatはローカル変数であり、この関数内でのみアクセスすることができます。

スニペット2：

window.onload = function() { 
    window.friendlyChat = new FriendlyChat(); 
}; 

var sample = function() { 
    var sampleInstance = friendlyChat; 
    // friendlyChat can be accesses here as you have declared it at 
    // windows scope which is available globally. 
} 

friendlyChatグローバル変数であり、それは、ルートレベルすなわちウィンドウで宣言されているようにどこにでもアクセスすることができます。