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

最新推荐文章于 2025-09-10 11:40:22 发布

转载最新推荐文章于 2025-09-10 11:40:22 发布 · 62 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Narcotic/p/6233136.html

文章标签：

本文详细解释了JavaScript中的变量声明提升及函数声明提升的概念，并对比了函数声明与函数表达式的区别，帮助理解JavaScript的执行机制。

一道面试题被虐惨了看了书看了资料整理的不记得看了谁的文章了这是整理后有部分一样的不要打我//

变量声明提升

<!DOCTYPE html>
<html>
<head><script>
var i = 20;
function n(){
    alert(i);
};
n();
</script>
</head>
</html>   //结果是20

<!DOCTYPE html>
<html>
<head><script>
var i = 20;
function n(){
    alert(i);
    var i = 50;
};
n();
</script>
</head>
</html>   //结果是undefined

↑变量声明提升会把变量声明提前，但是变量初始化还在后面，如果在变量初始化前面输出，变量还未初始化，就会alert出undefined，这是变量声明提升。

函数声明提升是在执行代码之前会读取函数声明。可以把函数声明放在调用他的语句后面。

函数声明是把一个函数值赋值给了变量，所以可以进行函数声明提前。函数表达式是一个表达式是把函数对象赋值给了变量，所以不能进行函数声明提前。

函数表达式和函数声明的区别：

函数声明格式

function(arg0,arg1,arg2){
    //函数体
}

函数表达式格式

var functionName = function(arg0,arg1,arg2){
    //函数体
}

1、函数声明必须有标识符，也就是函数名，函数表达式可以省略函数名。

2、函数声明提升，可以把函数声明放在调用他的语句后面。函数表达式不可以，会报错。

3、函数声明语句可以出现在全局代码中，或者内嵌在其他函数中，不能出现在循环、条件判断或者try/finally以及with语句中。

转载于:https://www.cnblogs.com/Narcotic/p/6233136.html