麻烦大神们讲讲这段代码的详细含义。谢谢了。

Question

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();   

Answer 1

理解方式基本同上，但是要将function以一个object的方式理解。以下顺序执行：

[code="js"]var foo = {}; //定义一个名为foo的空方法，也是没有内容的空类
foo.prototype.abc = function(){alert('456');} //给foo类增加原型方法，效果等同于实现该类的方法都可以使用abc()--1
foo.abc = function(){alert('123');}//给foo类增加类方法，可以使用foo类直接调用--2

var f = new foo();//实现foo类，并调用foo()方法
foo = function(){
foo.abc = function(){alert('def')} //效果等同于2处方法，直接给foo类增加类方法。这个无论写在那里都一样--3
this.abc = function(){alert('xyz')} //给当前域（即foo对象)，增加一个对象方法。效果与1处相同。但存在区别，这里需要先将实现foo类，生成对应的对象，在其中对象设置一个abc方法，那么每个foo对象都会有一个abc方法。而设置原型方法只会申请一处内存。--4
abc = function(){alert('@@@@@')};//全局变量，，被设置到window中，可以通过winodw.abc()或abc()访问 --5
var abc = function(){alert('$$$$$$')} //局部不可见，覆盖上面abc()方法--6
}

f.abc(); //调用的方法包括本来是2处，但被3处覆盖，显示def
foo.abc();//调用方法包括本来是1处，被4处覆盖，显示xyz
abc(); //调用方法包括本来是5处，但5处方法被隐藏，，无法调用,报错!

[/code]