JavaScript之关键字const与let

最新推荐文章于 2025-06-13 19:09:11 发布

原创最新推荐文章于 2025-06-13 19:09:11 发布 · 431 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript之关键字const与let

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了JavaScript中的const和let关键字。const用于声明不可重新赋值的常量，必须初始化且不可再次赋值。let则允许变量在作用域内重新赋值，与var相比，let在全局作用域下不会成为window对象的属性，且在语句块中具有块级作用域，不允许重复声明。通过示例代码展示了它们的区别和用法。

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

1、const关键字

const声明的变量必须直接初始化且不允许二次赋值，示例代码如下：

<script>
	const name = "Tom";
	console.log(name);
	name = "Tim";
	console.log(name);
</script>

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

2、let关键字

和var一样，let也用于声明变量，两者的区别如下：

全局作用域：let声明的变量不会作为全局对象window的属性，而var声明的变量可以。示例代码如下：

<script>
	let name = "Tom";
	console.log(name);
	console.log(window.name);
	var age = 12;
	console.log(age);
	console.log(window.age);
</script>

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

函数作用域：和var一样，都用于声明变量，此时两者没有区别。示例代码如下：

<script>
	function method(){
		let name = "Tom";
		console.log(window.name);
		var age = 12;
		console.log(window.age);
	}
	method();
</script>

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

语句块作用域：let声明的变量只能用于语句块作用域内，而var声明的变量还可以在语句块作用域外使用。示例代码如下：

<script>
	if(true){
		let name = "Tom";
		console.log(name);
		var age = 12;
		console.log(age);
	}
	console.log(name);
	console.log(age);
</script>

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

重复声明：let不能重复声明变量，var则可以。示例代码如下：

<script>
	let name = "Tom";
	let name = "Jack";
	console.log(name);		
</script>

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

<script>
	var name = "Tom";
	var name = "Jack";
	console.log(name);		
</script>

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