一道前端笔试难题---对New的思考

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.x 可以赋值并且取得，但是函数内部赋值的一概取不到，哪怕是不加var 所以就是2

第二个
这个就涉及到了预编译的内容，函数申明会被提升到最前面然后是var定义的变量，所以转化下相当于

function getName(){
	console.log("5")
}
var getName;
function getName(){
	console.log("4")
}

所以后面的函数申明覆盖前面的，最后返回值是4

第三个
Foo()相当于调用了一次函数返回的是window，在函数内部不加申明符则默认为全局变量，将getName修改了，所以最后相当于调用window.getName()返回1

第四个
同理返回1

第五个
运算顺序【new Foo() > Foo() > new Foo】 原式相当于new (Foo.getName)()，根据new的执行机制会执行一次构造器函数即Foo.getName()那么会返回2

关于new做了什么 大致分为三步：
1.以构造器的prototype属性为原型，创建新对象；
2.将this(可以理解为上句创建的新对象)和调用参数传给构造器，执行；
3.如果构造器没有手动返回对象，则返回第一步创建的对象

第六个
相当于(new Foo()).getName(),即调用构造器函数Foo创建的实例对象里的方法（应该用this.getName = function (){}）但是很明显里面没有，所以去原型里找，最后返回3

第七个
相当于new (((new Foo()).getName)(),承接第六个，使用的是原型链上的函数作为构造器，还是返回3