ES6声明变量共有6种方法:let、 var、 const、 import、 function、 class;
该篇博客只谈一下let命令和const命令:
let: 声明的变量,只在当前的代码块内有效。
特点:a、不存在变量提升 b、暂时性死区(变量只能在声明之后使用) c、不允许重复声明
块级作用域(Es5只有全局作用域和函数作用域,没有块级作用域)
if(){
///
}//这就是一个代码块
ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。(浏览器为了兼容以前的旧代码,并没有遵守这个规定,还是支持在块级作用域之中声明函数,因此该情况实际都能运行,不会报错);
ES6 引入了块级作用域,明确允许在块级作用域之中声明函数。ES6 规定,块级作用域之中,函数声明语句的行为类似于let,在块级作用域之外不可引用。
ES6 的浏览器遵守三条规则:
1、允许在块级作用域内声明函数。
2、函数声明类似于var,即会提升到全局作用域或函数作用域的头部。
3、同时,函数声明还会提升到所在的块级作用域的头部。
上面三条规则只对 ES6 的浏览器实现有效,其他环境的实现不用遵守,还是将块级作用域的函数声明当作let处理。
注: 浏览器的 ES6 环境中,块级作用域内声明的函数,行为类似于var声明的变量,会发生变量提升。
注意:考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句。
// 块级作用域内部的函数声明语句,建议不要使用
{
let a = 'secret';
function f() {
return a;
}
}
// 块级作用域内部,优先使用函数表达式
{
let a = 'secret';
let f = function () {
return a;
};
}
const: 声明一个只读的常量。一旦声明,常量的值就不能改变。
注意:const一旦声明必须初始化,不能留到后面赋值。
const foo;
foo = 1;
//报错
注: const 作用域与let命令相同:只在声明所在的块级作用域内有效且不可重复声明。
const 实际上并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组)变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址),至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。
const a = [];
a.push('Hello'); // 可执行
a.length = 0; // 可执行
a = ['Dave']; // 报错
上面代码中,常量a是一个数组,这个数组本身是可写的,但是如果将另一个数组赋值给a,改变这个地址所保存的数据,就会报错。