Javascript每日一题

function foo(){
    foo.abc=function(){alert(1)}
    this.abc=function(){alert(2)}
    abc=function(){alert(3)}
    var abc=function(){alert(4)}
}
foo.prototype.abc=function(){alert(5)};
foo.abc=function(){alert(6)}
var obj=new foo();
obj.abc();
foo.abc();

答案：2；1

这道题的考点有3个:

1. this 关键字

2. 函数运行时context构建

3.函数作为第一型的特征

运行 new foo(), 在foo的构造函数中，存在 this.abc = function() { alert( 2 ); };

所以，obj.abc(); //-> alert(2);

同时，在foo构造函数中，还存在 foo.abc = function(){ alert( 1 ); };

所以，foo.abc(); //-> alert(1):

这道题前面都是声明阶段，直到倒数第三行开始实例化构造函数才进入执行阶段

obj 是 foo 构造函数的实例对象，在调用 abc 方法时会优先查找实例方法，如果找不到 abc 实例方法，就会去原型链上继续搜索是否存在名为 abc 的方法，直到原型链的顶端。本例中存在实例方法，所以返回值为 2.

foo.abc() 为什么不是 6 呢？因为在实例化 foo 构造函数时，其函数中的 foo.abc 声明覆盖了后面的声明，所以返回值是 1

来源：http://www.csser.com/question/4f69af96c1bf83017600032d