Understanding the output of this javascript code
<p>Having programmed in C/C++, Java I am finding difficulty understanding the output of the following program.</p>

<p><a href="http://jsfiddle.net/iamrohitbanga/nubgw/" rel="nofollow">http://jsfiddle.net/iamrohitbanga/nubgw/</a></p>

<pre><code>var foo = function() {}
foo.prototype.out = function() {
    console.log(this.num);
}
var bar = function() {};

var f = new foo();
f.num = 1;
var b = new bar();
b.num = 2;

console.log(this);           // 1
f.out();                     // 2
foo.prototype.out.call(b);   // 3
foo.prototype.out.call(bar); // 4
</code></pre>

<p>I see the following output</p>

<pre><code>Window
1
2
undefined
</code></pre>

<p>I have been coding in javascript for a while now and can understanding some of the concepts but not everything is clear to me.</p>

<p>I have a rough understanding. 
I feel in the global space this points to the window and hence the first line of output is clear.
For the second line I think since the function out is being invoked on f the value of this in out is f.
For the third one my feeling is that by calling the function with input as b, the value of -this is set to b.
For the fourth one bar is a global object which has no member named 'num' in its dictionary.</p>

<p>Is my understanding correct?
Can someone explain the role of 'this' and 'prototype' in the context of this program? I find the syntax of prototype slightly obscure.
Also in chrome when I press F12 while in gmail window and paste the program in there. The third line of output is undefined and not 2. But in jsfiddle it is two. which seems somewhat creepy. Why is it different?</p>
