了解javascript中let和var及const关键字的区别
1.声明后未赋值，表现相同
//一个例子
'usestrict';
(function(){
varvarTest;
letletTest;
console.log(varTest);//输出undefined
console.log(letTest);//输出undefined
}());
2.使用未声明的变量，表现不同
//一个例子
(function(){
console.log(varTest);//输出undefined(注意要注释掉下面一行才能运行)
console.log(letTest);//直接报错：ReferenceError:letTestisnotdefined
varvarTest='testvarOK.';
letletTest='testletOK.';
}());
3.重复声明同一个变量时，表现不同
//一个例子
'usestrict';
(function(){
varvarTest='testvarOK.';
letletTest='testletOK.';
varvarTest='varTestchanged.';
letletTest='letTestchanged.';//直接报错：SyntaxError:Identifier'letTest'hasalreadybeendeclared
console.log(varTest);//输出varTestchanged.(注意要注释掉上面letTest变量的重复声明才能运行)
console.log(letTest);
}());
4.变量作用范围，表现不同
//一个例子
'usestrict';
(function(){
varvarTest='testvarOK.';
letletTest='testletOK.';
{
varvarTest='varTestchanged.';
letletTest='letTestchanged.';
}
console.log(varTest);//输出"varTestchanged."，内部"{}"中声明的varTest变量覆盖外部的letTest声明
console.log(letTest);//输出"testletOK."，内部"{}"中声明的letTest和外部的letTest不是同一个变量
}());
5.const定义的变量不可以修改，而且必须初始化
//一个例子
constb=2;//正确
//constb;//错误，必须初始化
console.log('函数外const定义b：'+b);//有输出值
//b=5;
//console.log('函数外修改const定义b：'+b);//无法输出
6.var定义的变量可以修改，如果不初始化会输出undefined，不会报错
vara=1;
//vara;//不会报错
console.log('函数外var定义a：'+a);//可以输出a=1
functionchange(){
a=4;
console.log('函数内var定义a：'+a);//可以输出a=4
}
change();
console.log('函数调用后var定义a为函数内部修改值：'+a);//可以输出a=4
7.let是块级作用域，函数内部使用let定义后，对函数外部无影响
letc=3;
console.log('函数外let定义c：'+c);//输出c=3
functionchange(){
letc=6;
console.log('函数内let定义c：'+c);//输出c=6
}
change();
console.log('函数调用后let定义c不受函数内部定义影响：'+c);//输出c=3
学习到此结束！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。