JavaScript之变量提升和函数提升

泷憬

于 2019-07-11 16:38:30 发布

阅读量350

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript之变量提升和函数提升

10 篇文章

订阅专栏

该博客主要介绍JavaScript中的变量提升和函数提升。在JavaScript里，变量声明会被提升到函数最顶部；函数定义式声明的函数会被提升到最顶部执行，而变量式声明的函数则不会。通过代码示例及运行结果进行了分析。

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

请看如下代码：

<script>
	var name = "Tom";
	(function(){
		console.log(name);
		var name = "Tim";
	})();
</script>

运行结果如下图：
在这里插入图片描述
分析：JavaScript中，变量的声明将被提升到函数的最顶部，所以上面代码其实质应为如下代码：

<script>
	var name = "Tom";
	(function(){
		var name;
		console.log(name);
		name = "Tim";
	})();
</script>

运行结果如下图：
在这里插入图片描述

请看如下代码：

<script>
	method();
	function method(){
		console.log("Tom");
	}
</script>

运行结果如下图：
在这里插入图片描述
分析：方法定义在下面，为什么可以这样调用呢？因为在JavaScript中，函数定义式声明的函数会被提升到最顶部执行，变量式声明的函数则不会，如下代码：

<script>
	method();
	var method = function(){
		console.log("Tom");
	}
</script>

运行结果如下图：
在这里插入图片描述