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/

 

posted @ 2017-03-31 10:23  Jesonhu  阅读(329)  评论(0编辑  收藏  举报
Top