ES6

let 命令

ES6新增了 let 命令，用于声明变量，其用法类似于var

let 命令声明的变量仅仅在其所在代码块生效

let 声明的变量只在其所在代码块有效

{
    let a=1
    var b=10
}
console.log(a)  // ReferenceError
console.lob(b)  // 10

for循环计数器，就很适合用 let 命令

for(let i=0;i<arr.length;i++){
    console.log(i)
}

不存在变量提升

变量一定要在声明后使用

console.log(foo)    //ReferenceError
let foo=2

暂时性死区

块级作用域中，let命令所声明的变量，从一开始就形成封闭的作用域。
只要在声明之前使用这些变量，就会报错

if(true){       //块级作用域中
    tmp='abc'   //ReferenceError
    console.log(tmp)    //ReferenceError
    let tmp     //暂时性死区结束
    console.log(tmp)    //undefined
    tmp=123
    console.log(tmp)    //123
}

不允许重复声明

let不允许在相同作用域内重复声明同一个变量

块级作用域

为什么需要块级作用域

ES5没有块级作用域，这带来很多不合理的场景

场景一：内层变量可能会覆盖外层变量

var tmp = new Date()    //外层变量
function f() {
    console.log(tmp)
    if(false){
        //内层变量，若存在块级作用域，则该tmp=123只在此块级作用域生效
        var tmp = '123' 
    }
}
f()     //undefined

输出为undefined说明内层tmp覆盖了外层tmp变量，这是由于var的变量提升导致的

场景二：循环变量泄露，成为全局变量

var s = 'hello'
for (var i = 0; i < s.length; i++) {
    console.log(s[i])
}
console.log(i)

变量i用来控制循环，但循环结束之后没有消失，成为全局变量

ES6的块级作用域

let为javascript新增了块级作用域

function f(){
    let n=5
    if(true){
        let n=1     //n=1仅仅在该代码块有效
    }
    console.log(n)  //5
}

块级作用于的出现，使得立即执行匿名函数（IIFE）不再必要了

// IIFE写法
(function (){
    var tmp = ...
    ...
}())
// 块级作用域写法
{
    let tmp = ...
    ...
}

ES6规定：函数本身的作用域在其所在的块级作用域之内

function f() {
    console.log('outside')
}
(function() {
    if (false) {
        function f() { console.log('inside') }
    }
    f()     
}())

ES5运行：

理论上inside，但在 webstorm 是undefined。都存在变量提升

ES6运行：

outside

const 命令

const 用来声明常量。一旦声明，其值不能改变
const 声明的变量，在声明时必须初始化
只在声明的块级作用域内有效
常量不提升，存在暂时性死区，只能在声明后使用
不可重复声明常量

注意：复合类型的变量。const 命令只是保证指向的地址不变，不保证改地址数据不变

const foo = {}
foo.prop = 123

console.log(foo)    // Object {prop: 123}

全局变量对象的属性

浏览器：window
Node.js：global

var function 声明的全局变量是全局对象的属性
let const class 声明的全局变量不是全局对象的属性

注意：是全局变量，即在最外层声明的变量

var a=1
window.a    //1
let b=2
window.b    //undefined

let 和 const 命令