*ES6中新增了let(变量),const(常量),使用的都是块级作用域,变量声明只在代码块中有效。let声明变量,值可以改变。const声明常量,值不可改变。
1,var与let的区别。
//var用法
function textVar(){
var a=30;
if(true){
var a=50;
console.log(a);//50
}
console.log(a)//50
}
textVar();
//let用法
function textLet(){
let a=30;
if(true){
let a=50;
console.log(a);//50
}
console.log(a)//30
}
textLet();
说明:var 声明的变量是全局作用域和函数作用域,而let声明的变量则是块级作用域,所以重新定义的a变量只在if方法内才有效。
2,配合for循环的使用(var & let)。
//var用法
for(var j=0;j<10;j++){
console.log(j);//0,1,2,3,4,5,6,7,8,9
}
console.log(j);//10
//let用法
for(let i=0;i<10;i++){
console.log(i);//0,1,2,3,4,5,6,7,8,9
}
console.log(i);//Uncaught ReferenceError: i is not defined
说明:var外部是可以访问到循环里的,当循环到10,虽不成立,但会执行i++,所以外部输出10。let在for循环当中,每一次的执行都是一个全新的独立的块级作用域,只在循环体内有效。let相对于var来说更加严谨,超出块级作用域将不再使用。
3,let变量不能重复声明。
function let(){
let a = 10;
let a = 20;
console.log(a); // Uncaught SyntaxError: Identifier 'a' has already been declared
}
let();
说明:let不允许在相同块级作用域内,重复声明同一个变量,否则会报错。
4,const应用在数组的时候,可以用push往数组里添加值。
//数组
const arr=[];
arr.push("red");
arr.push("blue");
arr.push("pink");
console.log(arr);// ["red", "blue", "pink"]
//字符串
const str="string";
str="word";
console.log(str)//报错,定义的字符串,字符串不能被重新定义