一道稍微综合综合点的JS题，关于with, this, 和call用法？

Question

题目：以下代码执行后输出的值分别是？varo={x:10,foo:function(){with(this){functionbar(){alert(x);alert(this.x);}varx=20;(function(){bar();})();bar.call(this);}}}o.foo();我不明白的:第二行x:10和直接写x=10有什么区别吗？第四行with(this)，作用应该是延长作用域链？那在本题中具体是什么情况？在varx=20后，再次调用bar()为什么第一个是undefined,第二个是20?感觉这道题考察的蛮多的，拿出来和大家讨论下。题目测试结果：undefined,undefined,undefined,20.