js 函数声明和变量声明提升以及优先级

函数首先被提升，然后才是变量。

 典型例子：

console.log(foo);
function foo(){
    console.log("函数声明");
}
var foo = "变量";
console.log(foo);

/*
function foo(){
    console.log("函数声明");
}

变量
*/

代码实际为：

function foo(){
    console.log("函数声明");
}
var foo;
console.log(foo);   
foo = "变量";
console.log(foo); 

函数提升优先级比变量提升要高，且不会被变量声明覆盖，但是会被变量赋值覆盖。

函数的声明会被提升在变量声明之前：

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

// 函数声明虽然是在函数表达式后面，但由于函数声明提升到顶部，因此后面getName又被函数表达式的赋值操作给覆盖了

 

当变量（仅声明未初始化或赋值）和函数同名时，引用变量名（函数名）的位置如果是在变量被赋值之前，那么此时引用的就是函数；如果引用是在变量赋值之后，那么引用的就是变量。

函数提升时需要注意函数声明方式，函数声明 和 函数表达式 产生的结果是不一样的。