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定义一个对象,对象的属性是可以修改的