1. 块级作用域
es5只有函数作用域和全局作用域,es6增加了块级作用域
if (true){ }
//es5中,if语句不是一个作用域
//es6中,if语句是一个块级作用域
复制代码
let和const 声明的变量只在块级作用域内有效
2. let
let类似于var的用法
3. const
3.1
const声明一个只读的常量,一旦声明,常量的值就不能改变。并且声明之后必须立即初始化,否则报错。
3.2 const本质
const实际上是变量指向的那个内存地址不得改动。对于简单的数据类型(数值,字符串,布尔值),值就保存在变量指向的内存地址中,因此等同于常量。但对于复合类型数据(对象和数组),变量指向的内存地址保存的只是一个指针,const只能保证指针时固定的。
const foo ={};
foo.prop = 123;
foo.prop //123
foo = {}; //将foo指向另外一个对象,就会报错
复制代码
4. 变量提升
var 命令会发生变量提升现象,即变量可以在声明之前使用,值为undefined
console.log(foo); //输出undefined
var foo = 2;
复制代码
let和const不会发生变量提升
5. 暂时性死区
只要在块级作用域使用let/const命令,它所声明的变量就会绑定这个区域,不受外部影响
var temp - 123;
if(true){
temp = 'abc'; //RefernceError
let temp;
}
复制代码
es6中,只要块级作用域内存在let和const命令,只要在声明之前就使用这些命令,就会报错
6. let不允许重复声明同一个变量,不能在函数内部重新声明参数
function func (arg){
let arg; //报错
}
function func (arg){
{
let arg; //不报错,因为这里的作用域与函数作用域分开了
}
}
复制代码
7. 块级作用域与函数声明
es6中
- 允许在块级作用域内声明函数
- 函数声明类似于var,即会提升到全局作用域或函数作用域头部
- 同时,函数声明还会提升到所在的块级作用域头部
//es6中
function f(){console.log('outside')}
(function(){
if(false){console.log('inside')}
f();
}();)
//uncaught TypeError: f is not a function
复制代码
上面代码在符合es6的浏览器中都会报错,因为实际运行的是以下代码
function f(){console.log('outside')}
(function(){
var f = undefined; //在此处var声明
if(false){console.log('inside')}
f();
}();)
复制代码
应该避免在块级作用域中声明函数,应写成函数表达式的形式。