Javascript每日一题

来源：互联网发布：java鼠标点击事件编辑：程序博客网时间：2024/04/29 06:24

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