一道前端面试题

Question

    function Person(){        getAge = function(){            console.log(10);        }        return this;    }    Person.getAge = function(){        console.log(20);    }    Person.prototype.getAge = function(){        console.log(30);    }    var getAge = function(){        console.log(40);    }    function getAge(){        console.log(50);    }    Person.getAge(); // 20 Person的静态方法    getAge(); // 40 函数的预处理 函数表达式 覆盖了 函数声明    Person().getAge();    getAge();    new Person.getAge();    new Person().getAge();    以下是不太懂的地方，不知道自己的理解是否正确。    Person().getAge(); // 10  普通的函数调用?     getAge(); // 不懂为什么输出10     new Person.getAge(); // 也是Person的静态方法调用？     new Person().getAge(); // 30     // new Person()返回一个Person实例, 沿着原型链寻找, 打印30？     // Person里本身就有getAge()方法，为什么还会去原型链上寻找？

Answer 1

Person().getAge(); // 10  普通的函数调用?

（对就是普通的函数调用）

getAge(); // 不懂为什么输出10

（因为上面的函数调用，让全局变量getAge指针发生了变化，指向了新函数）

new Person.getAge(); // 也是Person的静态方法调用？

（这个是构造函数调用，创建了一个 Person.getAge 的实例）

new Person().getAge(); // 30

// new Person()返回一个Person实例, 沿着原型链寻找, 打印30？

// Person里本身就有getAge()方法，为什么还会去原型链上寻找？

（这个是构造函数调用，创建了一个 Person 的实例，而 Person 上面是没有getAge这个方法的，

所以从原型链上找。Person中的那个getAge不是它的属性，那是一个全局变量，可以说是window的属性。

你可以试一下window.getAge();//10）