ES6定义变量的let 同 ES6之前的var对比

为了解决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;

猜你喜欢

转载自blog.csdn.net/Cao_Mary/article/details/89207605