es6学习之let和const

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();
    }();)
复制代码

应该避免在块级作用域中声明函数，应写成函数表达式的形式。