一道经典的面试题

	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

秒客网

一道经典的面试题

相关文章