一个经典的预解析和作用域的面试题

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();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo().getName();
new new Foo().getName();

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');

}
/// 1.  ------------------------------------------------------------
// Foo.getName();运行时题目与解析为下：  故 打印   2
function Foo() {
getName = function () {
console.log('1');
};
return this;
}

// var getName;//变量提升 值不提升  但是和第五个函数同名  被覆盖
function getName() {       //打印5的函数虽然被提升了 但是此时它相当于一个全局变量   而打印4的 getName函数将给打印5的getName函数重新赋值变成
console.log('4');        //  相当于（var a = 5,  a = 4 可以这样理解）

}

Foo.getName = function () {
console.log('2');

};
Foo.prototype.getName = function () {
console.log('3');

};

// 2. ----------------------------------------
// Foo.getName();
// getName();运行到这个时 直接打印  4

//3 .    ----------------------------------------
// Foo().getName();  运行到这一行时 上面的函数会被解析成下：

function Foo() {
getName = function () {    //此时打印1 的函数相当于隐式全局变量  给打印4 的函数从新赋值 变成现在这样
console.log('1');
};
return this;
}

function getName() {
console.log('1');

}

Foo.getName = function () {
console.log('2');

};
Foo.prototype.getName = function () {
console.log('3');

};
// Foo.getName();
// getName();
// Foo().getName();  打印 1

// 4.  ----------------------------------------
// Foo.getName();
// getName();
// Foo().getName();
// getName(); //运行到这一行直接打印 1

// 5.  ----------------------------------------

// Foo.getName();
// getName();
// Foo().getName();
// getName();
// new Foo.getName(); //简单而言， . 的优先级高于 new ，所以第五问可以看成 new (Foo.getName)(); ，故结果为 2。

// 6.  ----------------------------------------
// Foo.getName();
// getName();
// Foo().getName();
// getName();
// new Foo.getName();
// new Foo().getName(); // 可以看成  (new Foo()).getName()   (也就是实例对象 可以访问 这个构造函数的prototype属性的任意成员)  故打印 3
// 7.  ----------------------------------------

// Foo.getName();
// getName();
// Foo().getName();
// getName();
// new Foo.getName();
// new Foo().getName();
// new new Foo().getName();   // 可以看成 new ((new Foo()).getName)();  打印  3