在编程过程中使用一个变量,通常是需要事先对其进行定义的,否则后台编译会报错
然而在js变量的使用过程中,我们会发现var定义的变量存在着些许奇奇怪怪的点,例如:
输出结果为undefined,并不会报错。那这是为什么呢?
其实这个是属于js早期遗留下来的语法问题,正因为var定义的变量存在着些许与常规逻辑不太符合的点,ES6才在此基础上又设计出定义变量的let关键字和定义常量的const关键字。那他们三者又有什么区别呢?(以下我会简单说明一下const的区别。)
1、const 不能多次重复赋值(定义后只读)
let和var是用来定义变量的,const是定义常量。const在声明常量的时候需要进行赋值,而且不能进行多次赋值,即const定义后只读,一经赋值无法改变。
2、let具有块级作用域,而var不具有
作用域可以分为:全局作用域、函数(局部)作用域以及块级作用域。
(这里简单说一下会产生块级作用域的常见表达形式=>判断语句的大括号{}、循环语句的大括号{}、以及正常大括号{})
因为var定义的变量只有全局作用域和局部作用域,大括号内部定义的变量可以在大括号外部调用
此时,因为不具有块级作用域的约束,输出结果one为1,i为10 。而对于let定义的i和one变量来说,受到块级作用域约束,而在全局作用域中没有定义此变量,因而会报错(符合正常逻辑)
3、var定义的变量存在变量声明提升
变量声明提升,简单理解就是变量可以先进行使用再进行声明,在预编译过程中,声明语句会置前参与,并赋值undefined。
因为let不存在变量声明提升,如果未声明代码就对变量进行使用,则直接报错。反之对于var来说,变量会先赋予undefined