同名函数的覆盖问题

JS解释器对使用function语句声明的函数，会在预编译阶段处理，对匿名函数在预编译阶段视而不见，在执行期才按表达式逐行进行解释执行，由于函数声明和函数表达式解析的视觉不同，因此导致函数拥有不同的特性

一、

function f(){
    alert(1);
}
f();//2
function f(){
    alert(2);
}
f();//2,第二个f函数会覆盖第一个f函数

JS解释器在预编译阶段就会把所有使用function语句声明的函数进行处理，如果发现同名函数，则用后者覆盖前者，在执行期，调用f函数时，只剩下了最后的那个同名函数

二、

var f=function(){
    alert(1);
}
f();//1
function f(){
    alert(2);
}
f();//1

 

JS解释器在预编译阶段对var语句声明的变量进行索引，但是变量的初始化被忽略掉，直到执行期才为变量读取初始值，对function语句创建的函数，JS解释器不仅对函数名按照变量标识符进行索引，而且对函数体也进行了处理，因此，在预编译阶段，同名变量f被同名函数f所覆盖

但是在执行期，同名变量f被初始化为一个匿名函数，又覆盖了在预编译阶段指向的函数，指向另一个函数

三、

function f(){
    alert(1);
}
f();//1
var f=function(){
    alert(2);
}
f();//2

在预编译阶段，利用function语句声明的函数名进行索引，对函数体进行了处理，但是对利用var声明的变量仅进行索引，后面初始化的值(即匿名函数体)被忽略掉，

因此在执行阶段，第一次调用f函数时，指向的是利用function语句声明的函数体，在执行到匿名函数部分时，为变量f初始化值，指向匿名函数，覆盖原有函数体，调用结果为2