ECMAScript中var、let、const的区别

最新推荐文章于 2022-03-23 14:29:19 发布

缘飞梦

最新推荐文章于 2022-03-23 14:29:19 发布

阅读量408

点赞数

CC 4.0 BY-SA版权

分类专栏： js es6 前端技术文章标签： es6 JavaScript块级作用域

本文链接：https://blog.youkuaiyun.com/qq_37481512/article/details/82998579

前端技术同时被 3 个专栏收录

22 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

26 篇文章

订阅专栏

es6

10 篇文章

订阅专栏

本文详细介绍了ECMAScript 6中var、let和const的区别。var存在变量提升现象，其声明的变量在代码块外仍可调用，而let声明的变量具有块级作用域，不能在声明前使用。对于const，它定义的常量必须初始化且不可更改。在for循环中，var声明的变量在整个循环作用域有效，而let则在每次循环中创建新的变量。了解这些差异有助于编写更清晰、更安全的JavaScript代码。

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

1.let和var的区别
(1)var会存在变量提升的现象，let所声明的变量一定要在声明后使用，否则报错。

(2)let声明的变量只在它所在的代码块有效。var可以在代码块外进行调用。

代码如下：

{
	var c = 1;
	let g = 2;
	console.log(g);//返回2
}
	console.log(c);//返回1
	console.log(b);//报错
	var b = 1;
	let a = 3;
	console.log(a);//返回3

//块级作用域
	var dates = new Date();

	function f() {
		console.log(dates);
		if(false) {
			var dates = "hello";

		}
	}
	console.log(f()); //报错

	function f1() {
		let n = 5;
		if(true) {
			let n = 10;
		}
		console.log(n); // 5
	}

（3）for循环存在父子作用域

for循环计数器：

代码中，变量i是let声明的，当前的i只在本轮