变量声明和函数声明提升,及有关的面试题

var getName = function(){
    console.log(2);
}
function getName (){
    console.log(1);
}
getName();

上面输出结果为2

function getName(){ //函数声明提升到顶部 console.log(1); }
var getName;    //变量声明提升
 getName = function(){ //变量赋值依然保留在原来的位置 console.log(2); } getName(); // 最终输出:2
函数首先会被提升,然后才是变量
以下输出结果依次为2 4 1 1 2 3 3
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
getName();                 因为function getName(){alert(5)}声明在最上面,执行时结果被覆盖掉所以弹出4
Foo().getName();           Foo()返回的是window,Foo()执行的时候要找getName变量,找到外面的变量getName,被重新赋值为内部的function(){alert(1)}所以弹出1
getName();                 getName被上一步赋值为1,所以此处弹出1
new Foo.getName();         new (Foo.getName)()弹出2
new Foo().getName();      (new Foo()).getName();new Foo()执行后返回的实例上没有getName属性,去原型上找输出3
new new Foo().getName();   new ((new Foo()).getName)();先初始化Foo的实例化对象,然后将其原型上的getName函数作为构造函数再次new,故最终结果为3
 

猜你喜欢

转载自www.cnblogs.com/dylAlex/p/11087275.html