let
和var一样,let也用于声明变量,那么var声明的变量和let声明的变量有何不同:
- 全局作用域:let声明的变量不会作为全局对象window的属性,而var声明的变量则可以,如下代码:
<script type="text/javascript">
let address="河南省郑州市高新区";
console.log(address);//浏览器控制台输出:河南省郑州市高新区
console.log(window.address);//浏览器控制台输出:undefined
var address="河南省郑州市高新区";
console.log(address);//浏览器控制台输出:河南省郑州市高新区
console.log(window.address);//浏览器控制台输出:河南省郑州市高新区
</script>
- 函数作用域:和var一样,都用于声明变量,此时两者没有区别:
<script type="text/javascript">
function print() {
var address1 = "河南省郑州市高新区";
console.log(address1);
let address2 = "河南省郑州市高新区";
console.log(address2);
}
print();//控制台输出两个地址
</script>
- 语句块作用域:let声明的变量只能用于语句块作用域内,而var声明的变量还可以在语句块作用域外使用
<script type="text/javascript">
if(true){
let address1="河南省郑州市";
var address2="郑州市高新区";
console.log(address1);
}
console.log(address2);
console.log(address1);
</script>
- 重复声明:let不能重复声明变量,var则可以
<script type="text/javascript">
var age;
let name;
var age=10;
console.log(age);
let name="zzs";
console.log(name);
</script>
报错:Uncaught SyntaxError: Identifier 'name' has already been declared
此外,此代码的执行结果有变量提升的概念,
const
- 不可修改
const Name = 'zzs';
Name = 'zcs';//错误,企图修改常量Name
- 只在块级作用域起作用,这点与let关键字一样。
<script type="text/javascript">
const age = 21;
console.log(age);//输出21
console.log(window.age);//输出undefined
</script>
- 不能重复声明,这点跟let也一样。
<script type="text/javascript">
const name="zcs";
const name="zzs";
console.log(name);
</script>
报错:Uncaught SyntaxError: Identifier 'name' has already been declared
- 声明必须赋值
<script type="text/javascript">
const name;
const name="zzs";
console.log(name);
</script>
报错:Uncaught SyntaxError: Missing initializer in const declaration