【ES6】var与let、const的区别

最新推荐文章于 2024-03-06 19:47:46 发布

滚去学习！

最新推荐文章于 2024-03-06 19:47:46 发布

阅读量179

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_43571041/article/details/124168407

版权

今天总结一下var与let、const的五大区别

1.let和const存在块级作用域而var不存在

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
		// if(true){
		//     var x=20
		// }
		// console.log(x)//20
		
		if(true){
			let x=20
		}
		console.log(x)// x is not defined
		</script>
	</body>
</html>

第一个x能在控制台输出是因为var定义的x是一个全局变量，所以可以跨块访问到。

第二个x由于是用let定义的，存在块级作用域，所以在块外面无法访问到。ps:我所理解的块就是一对花括号{}里面。包括if、for语句的{}等等。

2.var定义的变量存在默认提升功能，而let和const不存在

 console.log(x)//undefined
 var x=20

这两句代码相当于

var x; 
console.log(x);
x=20

所以控制台不会报错而是输出undefined。

这就是var定义的变量默认提升功能，但let不存在。

 console.log(x)//报错: Cannot access 'x' before initialization
 let x=20

3.var可以重复定义，let和const不允许重复定义

var a=10;
    a=20;
console.log(a);//20
var a=30;
console.log(a);//30

用var定义的变量不仅可以重复定义还可以随意修改，都不会报错。

let a=10;
let a=30;
console.log(a);//报错： Identifier 'a' has already been declared

let定义的变量不允许重复定义。

4.var定义的变量会默认挂载到windows上但let和const不会。

var x=20;
console.log(window.x);//20
let y=30;
console.log(window.y);//undefined

5.let和const存在暂时性死区问题

let a=20;
if(true){
    console.log(a);//报错： Cannot access 'a' before initialization
    let a=30;
}

虽然在if语句外已经定义了a，但是输出还是会报错，这是因为在作用域中也定义了a，所以只能在定义后才能使用，哪怕全局已经存在该变量，也不能用。

最后区别let和const，let用于定义变量，const用于定义常量。

	const y=30;
	console.log(y);//30
	y=40;//报错：Assignment to constant variable.
    const a;//报错：Missing initializer in const declaration

const定义的常量不允许重新赋值，且在定义时必须初始化。

滚去学习！

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【ES6】var与let、const的区别

今天总结一下var与let、const的五大区别1.let和const存在块级作用域而var不存在<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> // if(true){ //...
复制链接

扫一扫