专题 | 变量 var let const

快乐的高兴的学习代码中

已于 2022-06-24 21:13:45 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：详细知识文章标签： javascript 前端

于 2021-01-23 12:12:22 首次发布

本文链接：https://blog.youkuaiyun.com/A123ppleQueen/article/details/110795450

本文详细探讨了JavaScript中的var、let和const三种声明变量的方式。var存在变量提升和无块级作用域的问题，let则解决了这些问题，提供块级作用域，并且不允许在相同作用域内重复声明。const用于声明不可变的常量，必须初始化且不能重新赋值。文章通过实例展示了它们之间的区别和使用场景。

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

var let const

var let可以一次声明多个变量且不赋初始值，const声明一定要赋初始值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// var
		var a;
		var b,c,d;
		console.log(a,b,c,d);
		
		// let
		let h,j;
		console.log(h,j);
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	    //const
	    const k;
	    console.log(k);
		</script>
	</body>
</html>

var可以重复声明重新赋值，let不能重复声明可以重新赋值，conts不能重复声明，值不能改变就是不能重新赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
	    var a=1;
		var a=2;
		a=3;
		console.log(a);
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// 可以重新赋值
	   let b=4;
	   b=2;
	   console.log(b);
		</script>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		// 可以重新赋值
	   let b=4;
	   let b=2;
	   console.log(b);
		</script>
	</body>
</html>