一道前端面试题

Question

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

Answer 1

Person().getAge();//10普通的函数调用?
（对就是普通的函数调用）
getAge();//不懂为什么输出10
（因为上面的函数调用，让全局变量getAge指针发生了变化，指向了新函数）
newPerson.getAge();//也是Person的静态方法调用？
（这个是构造函数调用，创建了一个Person.getAge的实例）
newPerson().getAge();//30
//newPerson()返回一个Person实例,沿着原型链寻找,打印30？
//Person里本身就有getAge()方法，为什么还会去原型链上寻找？
（这个是构造函数调用，创建了一个Person的实例，而Person上面是没有getAge这个方法的，
所以从原型链上找。Person中的那个getAge不是它的属性，那是一个全局变量，可以说是window的属性。
你可以试一下window.getAge();//10）
                            

Answer 2

Person().getAge();//10普通的函数调用?确实是普通的函数调用，但要明白returnthis此时返回的是window，因为Person().getAge()实际上是window.Person().getAge()，所以this指的是window。现在分析getAge()那个更有效；1.你上面说的函数的预处理函数表达式覆盖了函数声明，其实说成变量提升更准确，就是function比var更先声明，所以var会覆盖function声明的getAge()，到目前为止应该打印40。2.但到这里并没有结束，为什么没有输出40,是输出10,是因为Person中又有一个函数表达式，按理说，这个方法只应在person中调用有效，但眼睛需要放光的是这个函数表达式没有var声明，说明这个getAge是直接挂载到window下面的，所以window.getAge()此时就打印了10.这也是为什么下一步的getAge会打印10；不信，你可以在getAge前面添加个var试试。getAge();//不懂为什么输出10看上面2的描述newPerson.getAge();//也是Person的静态方法调用？嗯，new不new无所谓newPerson().getAge();//30这个上面都说了，而且描述正确。理解构造方法Person()带new和不带new的区别就行。前者只是普通的函数调用，后者会创建一个新的实例，并将this指向这个实例