为了解决ES6之前老版本标准中的两个问题
- 1.在JavaScript中如果定义了同名的变量,那么后定义的变量会覆盖先定义的变量。
- 2.在老版本的标准的(ES6之前)JavaScript中可以先使用变量再定义变量,并不会报错。
在ES6中就推出了一种新的定义变量的方式
推出了定义变量的新方法:let
格式:
- ES6之前:var 变量名称;
- ES6之后:let 变量名称;
举例var和let的主要不同:
1.定义同名变量
ES6之前JavaScript可以定义同名变量,先定义的变量被销毁,ES6中则会报错。
var num = 111;
var num = 222;
console.log(num);//打印222
let value = 111;
let value = 222;
console.log(value);//报错:Uncaught SyntaxError: Identifier 'value' has already been declared
2.变量先用后定义
ES6之前JavaScript可以先用后定义,ES6中会报错。
console.log(JJ);//undefined
var JJ = 123;
console.log(GG);//报错Uncaught ReferenceError: GG is not defined
let GG = 123;
3.补充ES6之前对变量先用后定义的原理
由于JavaScript是一门解释型的语言,会边解析边执行,浏览器在解析JavaScript代码之前还会进行一个操作“预解析(预处理)”
预解析(预处理)步骤:
将当前JavaScript代码中所有变量的定义和函数的定义放到所有代码的最前面。
代码举例:
console.log(q);//undefined
var q = 123;
预解析后变为:
var q;
console.log(q);//undefined
q = 123;