js作用域、原型链

今天在github上看到了一道题目。

function Foo() {
getName = function () { 
    console.log('1');
};
return this;
}
Foo.getName = function () {
console.log('2');
};
Foo.prototype.getName = function () { 
console.log('3');
};
var getName = function () { 
console.log('4');
};
function getName() { 
console.log(5);
}

Foo.getName();  
getName();  
Foo().getName(); 
getName();  
new Foo.getName(); 
new Foo().getName();   
new new Foo().getName();

分析输出结果

Foo.getName();  

输出结果：2
分析：Foo.getName()相当于访问Foo对象的一个属性。

getName();  

输出结果：4
分析：在变量名与函数名形同的情况下，给该变量赋值之后，与其同名的函数将被覆盖，不起作用。

Foo().getName(); 

输出结果：1
分析：Foo()将Foo()内的内容执行了一遍。Foo()执行之后相当于
全局变量

var getName = function(){return(4);}

Foo().getName()是指在Foo()执行之后，回到全局之中，再次调用getName()。但是Foo()执行的结果使 getName = function(){return(1);};，所以再次调用getName()，结果就是1。

new Foo.getName(); 

输出结果：2
分析：js里面所以变量都可以作为对象，所以 Foo.getName()本身也是一个对象，只是这个对象没有带任何的属性。从优先级来书相当于 (new (Foo.getName)()),所以调用的是 Foo.getName，输出2

new Foo().getName();  

输出结果：3
分析：用new的时候，Foo中的this是以Foo为原型的新创建的对象，所以调用的getName是 Foo.prototype中的那个。
此外 new 的返回值是，如果函数返回对象，那么返回值就是这个对象，否则返回this

new new Foo().getName();

输出结果：3
分析：new ((new Foo()).getName)()，同上，只是多加了一个 new，而new 只是改变了函数中this的值而已。