let 、 const 与var

最新推荐文章于 2022-08-18 22:28:30 发布

原创最新推荐文章于 2022-08-18 22:28:30 发布 · 212 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6/es7

ES6 专栏收录该内容

3 篇文章

订阅专栏

本文详细解析了JavaScript中let与var的区别，重点强调了let具有块级作用域而var没有这一特性。同时，文章介绍了const常量的正确使用方式，包括不可修改性和必须初始化的规则。

let 与 var 的区别

let 可以看做是更完美的var，
主要区别是let有块级作用域，var 没有块级作用。

块级作用域
JS中使用 var 来声明一个变量时，变量的作用域主要是和函数的定义有关。
如 if / for 语句的块定义来说是没有作用域的，往往需要函数（闭包）来解决出现的问题。

举例如下

var 定义变量在for语句中没有块级作用域，需要加上立即执行函数，使用函数作用域来解决问题。（如果不使用函数，假如有5个按钮，i 的值会由于循环变成 5，无论点击哪个按钮都只弹出点击了第5个按钮）

// 监听按钮的点击 （点击哪个按钮弹出点击了哪个按钮的提示框）
var btns = document.getElementsByTagName('button');
for (var i = 0; i < btns.length; i++) {
	(function (i) {
	btns[i].onclick = function () {
		alert('点击了' + i + '个按钮');
	}
})(i)
}

使用 let 声明变量就没有问题

var btns = document.getElementsByTagName('button');
for (let i = 0; i < btns.length; i++) {	
	btns[i].onclick = function () {
		alert('点击了' + i + '个按钮');
	}
}

const常量的使用

1.const 定义后，指针不能修改
例：

const a = 20;
a = 30; // 错误, 不可以修改

2.const 必须要初始化要赋值
例

const name; //错误： const修饰的标识符必须赋值

但是如果const定义一个对象，对象的属性是可以修改的