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

Posted 2022-02-12 dylalex

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