函数声明提升和变量声明提升

直接举个栗子:

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首先是个变量,变量先声明提升到顶部,但是注意变量的赋值保留在原来的位置;

致此,我们就清楚提升之后的这段代码是为什么了~

猜你喜欢

转载自blog.csdn.net/khadijiah/article/details/103024794