es5与es6中变量声明方式的区别

js中变量的声明方式

一、var变量声明方式
1.特点

• 变量可以重复声明
• 变量声明会被提升 (函数的声明也会)
• var声明的变量没有局部作用域

2.测试

1.var a； //声明a变量，但不赋值
2.var a=10; //声明并赋值
3.a=10;//声明的同时赋值
4.var a=10,b=20,c=30; //同时声明并赋值多个变量
5.var a;//声明
  a=10;//赋值
 

二、执行顺序

b=20;
//1.20
//2.var b;
//3.20->b

es6中变量声明方式

一、let声明变量
1.特点

• 使用let声明的变量，只在当前作用域块内有效(局部变量)
• 不能使用let重复声明变量，不在同一作用块内可以重复声明
• 使用let声明的变量不能解析提升（不能在声明前面console.log，var可以）
  2.测试

1.let a=10;
  let a=20; //报错，不能重复声明
2.var a=10;
  let a=20;   //报错
3.let a=10;
  var a=20;   //报错

二、const声明变量
1.特点

• .使用const声明的变量只在当前作用域内有效
• 使用const声明一个常量，一旦声明，变量值不可修改
• 如果属性值为引用数据类型，值的引用地址不变的情况下，可以修改内容