ES6之前javascript只有全局作用域和函数作用域,所以经常会遇到变量提升了或者使用闭包的时候出错的问题。
所有a[i]都会输出10;
var arr=[];
for (var i=0;i<10;i++){
arr[i]=function(){
console.log(i);
};
}
变量提升,输出undefined。
function showName(){
console.log(name);
var name = "Jhon";
}
ES6引入了let和const关键字,从而使javascript像其他语言一样拥有了块级作用域。没有其他语言编程经验的或者由于长期使用ES5编码的习惯问题,有一些细节的地方仍然需要注意一下。
首先说一下let:
let让变量具有了块级作用域,像这样就不会共享变量i,而是输出0-9的数字。
let arr=[];
for (let i=0;i<10;i++){
arr[i]=function(){
console.log(i);
};
}使用let需要注意:
- 使用let申明的变量具有块级作用域,即变量声明前后的{}。
- let声明的全局变量不是全局对象的属性,不可通过window.变量名访问,理论上存在于一个*的js代码块中。
- 形如for ( let i=0....)的循环再每次迭代时都为i创建新的绑定。所以循环中如果有一个闭包,那么闭包将捕获一个循环值的不同副本,不会共享一个变量。
- let声明的变量直到控制流到达该变量定义的位置时才被装载,所以到达之前使用会触发错误,即不能先使用后声明。
- 用let重复声明一个变量会发生语法错误。
const常量:const和和let类似,只是const声明的变量只可以在声明时赋值,不可随意修改,不然会报错const MAX_SIZE = 300; //正确
MAX_SIZE = 200; //错误其他注意事项和let一样