一道JS面试题

摘自微信公众号

        function Foo() {                getName = function() { //这里没var，因此改变的全局变量上的属性！！！                    alert(1);                };                return this;            }            Foo.getName = function() {                alert(2);            };            Foo.prototype.getName = function() {                console.log(this);                this.aa = '123';                alert(3);            };            var getName = function() {                alert(4);            };            function getName() {  //函数声明会被提前，会被var操作覆盖掉                alert(5);            }            //请写出以下输出结果：            Foo.getName();  //2            getName();      //4            Foo().getName(); //1            getName(); //1            new Foo.getName();  //2            new Foo().getName(); //3            new new Foo().getName();  //3  

---

下面一一解释下（个人浅显的理解…）
1. 调用的是Foo函数对象上的getName函数。输出2
2. 全局作用域下的getName，相当于window.getName()。如何判断时输出4而不是5呢？两个都是定义了相同名称的getName，而且function关键字定义的函数还是后面才定义的，应该是覆盖了var定义的函数才对啊？，在JS中，函数的声明和定义将会被提前，也就是说，我可以先使用这个函数，后面才去定义，JS在执行时，将会把doSth()的定义提前，我们才得以引用函数。变量就不会。因此后面的var关键字定义将提前的function定义给重置了。
3. 这里粗心的话，很容易得出alert(4)的结论，仔细一看，Foo函数中定义的getName没有var，因此时一个全局变量，改变了全局的getName，因此输出1
4. 同上，被修改了全局的getName。
5. 和第一个一样，new的是Foo函数对象上的getName函数
6. 先new Foo()，然后getName()，因此调用的时原型链上的getName
7. 先new Foo(),然后new Foo对象上的getName，就是new Foo.prototype.getName()