了解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
学习到此结束!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。