js的综合面试题，腾讯T2大牛亲自讲解

alert(2);

}

Foo.prototype.getName=function(){

alert(3);

}

var getName=function(){

alert(4);

}

function getName(){

alert(5);

}

/请写出下列输出的结果/

Foo.getName();

getName();

Foo().getName();

getName();

new Foo.getName();

new Foo().getName();

new new Foo().getName();

• 首先更新代码结构，如下

当变量定义与函数名冲突时

进一步：根据js代码的执行顺序

进一步分析下面代码的调用运行

Foo.getName();

getName();

Foo().getName();

getName();

new Foo.getName();

new Foo().getName();

new new Foo().getName();

1） Foo.getName();-----这里直接找到24行，即Foo函数添加了一个getName方法（后面的代码没有改变），所以------------------------------alert（2）；

2）getName();--------这里相当于全局的函数getName()，找到26行，alert(4)；

3）Foo().getName();------这里要考虑运算符优先级问题，. > [ ] > new > ()，点的优先级最高，但是注意().无法执行调用

因此这里的执行顺序为–（Foo()).getName();

首先Foo()表示对函数Foo的调用

function Foo(){

getName=function(){

alert(1);

return this;

}

}

分析：

• 在Foo函数中，首先可以看到并没有使用var 定义getName，即自身没有i当以，那么向上级作用域中查找，直到全局作用域，这里的getName表示的全局作用域上的函数，这里同时执行了改变全局作用域函数getName–alert（1），也就是谁，执行了Foo()之后，全局函数getName即26行的alert（4）变成alert（1）

• 同时return this–由于Foo（）是直接以函数的形式调用，所以这里this指向的是window对象（忘记了可以回头看我的blog（js中的this）https://blog.csdn.net/weixin_46872121/article/details/110290192

因此

（Foo()).getName()------>window.getName()

window.getName()相当于向全局中查找getName()函数，此时已被改变，所以-------alert（1）

4）getName();------等价于window.getName()--------alert（1）

5）new Foo.getName();--------根据运算符的执行顺序---------(new (Foo.getName())

因此首先是Foo.getName()-----即 function(){ alert(2);}

(new (Foo.getName()))------>( new function(){ alert(2);} ) ------> 2 (虽然使用new会创建一个实例对象，但是这里并没有体现用处，所以最终-------------------alert（2）

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。