web前端面试官挖的那些坑（js）

题目1：

function Foo() {
    getName = function () { alert (1); };
    return this;
}
Foo.getName = function () { alert (2);};
Foo.prototype.getName = function () { alert (3);};
var getName = function () { alert (4);};
function getName() { alert (5);}

//请写出以下输出结果：

Foo.getName(); //2 --先找当前作用域的Foo.getName，刚好有，没有往上找
getName(); //4 --先找当前作用域的 有getName,注意函数声明(提前)与函数表达式
Foo().getName(); //1 --Foo()执行，
//Foo作用域内getName未声明往上找自己的声明，window中的getName被修改为1
getName(); //1 --被上一步修改了
new Foo.getName(); //2 --难点 --相当于 new (Foo.getName)();涉及优先级
new Foo().getName(); //3 --相当于 (new Foo()).getName()
new new Foo().getName(); //3 --相当于 new ((new Foo()).getName)();

参考资料

https://zhuanlan.zhihu.com/p/25855075

问题与答案

https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers

只看问题

http://markyun.github.io/2015/Front-end-Developer-Questions/