function Foo(){ getName=function(){console.log(1)} return this; }; Foo.getName=function(){console.log(2)}; Foo.prototype.getName=function(){console.log(3)}; var getName=function(){console.log(4)}; function getName(){console.log(5)}; Foo.getName();//2 getName();//4 Foo().getName();//1 getName();//1 new Foo.getName();//2 new Foo().getName();//3 new new Foo().getName();//3
(1)调用Foo对象的私有属性getName,所以打印2
(2)有些筒子认为打印的是5,其实是4
1)函数声明和变量声明提升,函数声明提升顺序优于变量声明,变量定义并没有提升。
2)解析器会先解析函数声明,并使其在执行任何代码之前可用,而函数表达式必须等解析器执行到它所在的代码行,才会被真正执行。所以执行顺序是先函数声明,再函数表达式,最后函数声明被函数表达式覆盖。
3)函数声明等价于函数表达式。
所以执行顺序是:函数getName和var getName提升;解析器解析函数getName;解析器执行getName=function(){console.log(4)},覆盖函数getName;执行getName()。
(3)Foo()函数被执行,返回一个window对象。函数体中getName是一个全局变量,则重新getName赋值,所以打印1
(4)全局变量getName被重新定义,所以打印1
(5)(6)(7)都涉及到了运算符的优先级考察:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
(5)中new Foo.getName()可以分为(new Foo).getName()和new (Foo.getName)()两种情况。因为new 不带参数 优先级<成员访问 优先级,所以按照new (Foo.getName)()顺序执行,打印2
(6)中new Foo().getName()可以分为(new Foo()).getName()和new (Foo().getName)()两种情况。如果按照第二种顺序执行,Foo()为函数调用,函数调用 优先级<new 带参数 优先级,所以得按照第一种顺序执行,打印3
(7)中只是多了一个new运算符,可以分解成这样new (new Foo().getName)()、(new new Foo()).getName()。第一种情况可以参照(6)顺序执行。第二种情况:(new new Foo()).getName() ===> (new Foo对象).getName()。因为new不带参数 优先级<成员访问 优先级,故第二种情况执行顺序不对。最后按照第一种情况执行,打印3
参考文档:https://segmentfault.com/a/1190000008446143