let 命令
ES6新增了 let 命令,用来声明变量。它的用法类似于 var,但是所声明的变量,只能在 let 命令所在的代码块内有效。
{
var a = 10;
let b = 1;
}
console.log(a);//10
console.log(b);//ReferenceError: b is not defined.
let 不像 var 那样会发生 “变量提升” 现象。所以,变量一定要在声明后使用,否则会报错。
console.log(foo);// undefined
var foo = 2;
console.log(bar);//ReferenceError: bar is not defined
let bar = 2;
ES6 明确规定,如果区块中存在 let 和 const 命令,这个区块对这些命令声明的变量从一开始就形成了封闭作用域,这些变量将不受外界影响,凡是在声明前就使用这些变量,就会报错。这种语法我们称为 “暂时性死区(temporal dead zone 简称 TDZ)”
var tmp = 123;
if (true) {
tmp = 'abc'; // ReferenceError: tmp is not defined
let tmp;
}
TDZ 也就意味着 typeof 不再是一个百分百安全的操作。
console.log(typeof testType); //ReferenceError: testType is not defined
let testType;
TDZ 的本质就是:只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量
let 不允许在同一个作用域中,重复声明相同的变量
//报错
function func(parm){
let parm = 'Hello';//SyntaxError: Identifier 'parm' has already been declared
};
//不报错
function func2(parm){
{
let parm = 'Hello';//Hello
}
};
块级作用域
为什么需要块级作用域?
- ES5 只有全局作用域和函数作用域,没有块级作用域,这样会带来很多不合理的场景
* 第一种场景,内层变量可能会覆盖外层变量
javascript
var scop_one = new Date();
function showScopOne(){
console.log(scop_one);
if(false){
var scop_one = 'Hello World';
}
};
showScopOne(); // undefined
上面代码中,执行 showScopOne 函数输出结果为 undefined,原因在于变量提升,导致内层的 scop_one 变量覆盖了外层的 scop_one 变量。
* 第二种场景,用来计数的循环变量泄露为全局变量
```javascript
var scop_two = 'Hello';
for(var i = 0; i< scop_two.length; i++);
console.log(i); //5
```
变量 i 只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。
ES6 let 命令为 javascript 新增了块级作用域
实际上使得获取广泛应用的立即执行匿名函数(IIFE)不再必要了
//IIFE 写法 (function(){ var temp = .... })(); //块级作用域写法 { let temp = .... };
ES6 明确允许在块级作用域中声明函数
'use strict'; if(true){ function f(){}; };
并且 ES6 规定,块级作用域中,函数声明的语句类似于 let命令,在块级作用之外不可引用
function foo() { console.log('I am outside!'); } (function(){ if(false){ function foo(){console.log('I am inside!'); }; } foo(); //I am outside! });
const 命令
const 命令声明了一个只读的常量,一旦声明,常量的值不能改变。这也就意味着,const 一旦声明,就必须立即初始化赋值。
const PI = 3.1415;
PI = 3; //TypeError: Assignment to constant variable.
const 的作用域与 let 命令相同,只在声明所在的块级作用域内有效。
{
const SECRET = 'Hello Const';
};
console.log(SECRET); //SECRET is not defined
const 命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用,同样也不能重复声明。
const 命令声明的对象是可以更改其属性值的。
const USER = {
name:'H_VK'
}
USER.password = '123456';
console.log(USER);// {name: "H_VK", password: "123456"}
这是因为对象是引用类型,const 只针对其引用的内存地址不可更改,而不针对其属性值更改。
小结
let 用来声明块级变量,当一个变量已经用let声明了,当我们再次用let或var进行声明就会报错。块级{}中的let只在快中有效。在es6 中 var,let可以一次性声明多个变量,对象或数组的格式为多个变量赋值。
关于常量的声明const,可以一次性声明多个常量,const声明一个只读的常量。一旦声明,常量的值就不能改变。但对于声明的常量是一个字面量的对象时,是可以修改常量的属性值。