变量提升与函数提升-优快云博客

博客主要介绍了JavaScript中的变量提升和函数提升。变量声明会被提升到函数最顶部，匿名函数内部变量声明也会提升。函数定义式声明的函数会被提升到最顶部执行，而变量式声明的函数则不会，否则会报错。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

变量提升（Hosting）

已知如下代码：

<script type="text/javascript">
	var name='Tom';
	(function(){
	    console.log(name);//输出undefined，为什么？
	    var name='Tim';
	})();
</script>

输出
在这里插入图片描述
JavaScript中，变量的声明将被提升到函数的最顶部，所以上面代码其实质应为：

<script type="text/javascript">
	var name='Tom';
	(function(){
		var name;
	    console.log(name);//输出undefined，为什么？
	    name='Tim';
	})();
</script>

在匿名函数的内部变量的声明提升到了函数的顶部
在这里插入图片描述

函数提升

已知如下代码

<script type="text/javascript">
	print();//方法定义在下面，但为什么可以这样被调用呢？
	function print(){
	    console.log("Tom");
	};
</script>

输出
在这里插入图片描述
在JavaScript中，函数定义式声明的函数会被提升到最顶部执行，变量式声明的函数则不会，代码如下

<script type="text/javascript">
	prit();//程序运行，该行代码报错："Uncaught TypeError: undefined is not a function"
	var prit = function (){
	    console.log("Tom");
	};
</script>

输出
Uncaught TypeError: undefined is not a function