经典论坛的javascript小小考题

<script>
	function foo(){
		foo.abc = function(){alert('def')}
		this.abc = function(){alert('xyz')}
		abc = function(){alert('@@@@@')};
		var abc = function(){alert('$$$$$$')}
	}
	foo.prototype.abc = function(){alert('456');}
	foo.abc = function(){alert('123');}
	var f = new foo();
	f.abc();
	foo.abc();
	abc();
</script>

请尽量不执行，试着直接给出结果并给出理由。

这道题可以帮你温习很多内容（对象、类、原型、作用域、优先级等等），同时部分朋友也能学到很多知识。

随后一行abc();是不是有问题啊？

最初我以为执行结果应该如下：

var f = new foo(); 
f.abc();  // alert('xyz');
foo.abc();  // alert('def');
abc();  // alert('@@@@@');

结果在 firefox 中测试发现最后一句 abc() 是错误的
仔细一想才恍然，原来在一个函数中，会预先给 var 关键字定义的局部变量“分配空间”，所以一进入 foo 函数体的时候 abc 已经视为一个局部变量，虽然 abc = function(){alert('@@@@@')}; 这行看起来像是定义了一个全局变量，但它还是局部变量。所以在函数体外调用 abc() 理所当然的失败

呵呵，这样的题目挺有意思

看早就看过这个题目,一直都不知道为什么啊!可以解释一下吗?

foo.prototype.abc = function(){alert('456');}
foo.abc = function(){alert('123');}
为什么不会覆盖foo里面的方法啊!

abc = function(){alert('@@@@@')};
var abc = function(){alert('$$$$$$')}
这两句,我明白,不用考虑

如此不规范的脚本语言，鄙视

var f = new foo();　//新建了一个foo对象，注意这时个上下文环境到了foo()中
f.abc();　　　　　　//查找这个对象的abc()方法，输出xyz,　注意如果找不到就会去f.prototype里找，到那时才会输出456
foo.abc();              //在foo()中找到abc()方法，输出def, 如果找不到会跳出foo() 到外面找到abc ，输出123
abc();                    //在window中找到abc()方法,　ie抛错

我不知道我这样理解可以不
abc = function(){alert('@@@@@')}; 
var abc = function(){alert('$$$$$$')} 
是内部声明,外部不可以访问

对foo来说内部的高于外部的

所以先考虑
foo.abc = function(){alert('def')} 
this.abc = function(){alert('xyz')} 

然后考虑
foo.prototype.abc = function(){alert('456');} 
foo.abc = function(){alert('123');} 

我认为是因为在执行new foo() 时对foo.abc进行了重写导致的输出def，如果没有这一句，那么在foo(){}后面写的那句话就能起作用。