直接举个栗子:
var getCount = function(){
console.log(2);
}
function getCount (){
console.log(1);
}
getCount(); // 考虑一下打印什么
getCount():打印什么呢,没复习函数和变量声明之前,第一眼感觉输出1,没错我是真么想的;好的那么我们来解析一下;
首先:我们要提到函数声明和变量声明的顺序:函数申明在变量声明的前面!!所以我们来写一下提升之后的代码:
function getName (){ // 首先是函数声明提升到顶部
console.log(1);
};
var getName; // 变量声明提升到顶部
getName = function(){ //变量赋值依然保留在原来的位置
console.log(2);
}
getName(); // 输出2
接着我们来谈谈看,function getName(){}这种形式的函数声明直接提升到最顶部,而var getName = function(){}这种形式的函数,
getName首先是个变量,变量先声明提升到顶部,但是注意变量的赋值保留在原来的位置;
致此,我们就清楚提升之后的这段代码是为什么了~