基本用法
let 和const是ES6新增的两种,声明变量的方法,用法与var 类似,但都有各自的特点和用途。
let
一、let 声明的变量只在let命令所在的代码快内有效。
由于JavaScrip没有块级作用域,所以会产生一些不合理的场景。而let则实际上为JavaScript新增了块级作用域。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
在 for 循环的计数器中,如果用var 声明 i,会成为全局变量,
所以在 循环中,每一次的循环 新的 i值都会去覆盖旧值,所以输出的是最后一轮的i值。
如果使用let,声明的变量仅在块级作用域中有效 ,最后将输出6
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
二、不存在变量提升
let不会像var一样发生‘变量提升’,所以let声明的变量一定要先声明在使用,
console.log(i) //1 Uncaught ReferenceError: i is not defined
let i =2
三 暂时性死区
只要块级作用域内 存在 let 命令 ,它所声明的变量就绑定了这个作用域,不再受外部影响,ES6明确规定,如果区块中存在 let 和const命令,则这个区块对这些命令声明的变量从一开始 就形成封闭作用域,只要是在声明之前使用这些变量,就报错。
在代码块内,使用let命令声明之前,该变量都是不可用的。
var tmp =123;
if(true){
tmp ='abc';//ReferenceError
let tmp;
}
if(true){
tmp ='abc';//ReferenceError
console.log(tmp)//ReferenceError
let tmp;
console.log(tmp)//undefined
}
四、不允许重复声明
let 不许在相同作用域内重复声明同一个变量,
function () {
let a=10;
var a=1;
} //x
function () {
let a=10;
let a=1;
} //x
不能在函数内部重新声明参数
function func(arg) {
let arg;
} //x
五、用let声明的全局变量不属于全局对象的属性
let a=1;
window.a //undefined
const
一、const用来声明常量,一旦声明,值不可改变,并立即初始化,不能留到以后赋值。
const PI=3;
PI //3
PI=2
//TypeError: "PI" is read-only
const foo;
//只声明不赋值,也报错,
网友评论