ES6中var, let 和const的使用和区别

1.块级作用域 { }

• ES5中作用域有: 全局作用域 , 函数作用域 , 没有块作用域.

• ES6中新增了块级作用域. 块级作用域由 花括号{ } 包括 ,if语句和 for语句里面的{ }也属于块作用域。

  <script type="text/javascript">
    
    {
        var n = 5;
        console.log(n); // 5
    }
    console.log(n); // 5
    // 通过var定义的变量可以跨块作用域访问到。
  
    (function Num() {
        var m = 2;
        console.log(m); // 2
    })();
    // console.log(m); // 报错，
    // 可见，通过var定义的变量不能跨函数作用域访问到
  
    if(true) {
        var c = 3;
    }
    console.log(c); // 3
    for(var i = 0; i < 9; i ++) {
        var d = 5;
    };
    console.log(i); // 9   (循环结束i已经是9，所以此处i为9)
    console.log(d); // 5
    // if语句和for语句中用var定义的变量可以在外面访问到，
    // 可见，if语句和for语句属于块作用域，不属于函数作用域。
  

2. var、let、const的区别

• 区别一

1. var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。

2. let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。

3. const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。

   <script type="text/javascript">
    // 块作用域
    {
        var a = 1;
        let b = 2;
        const c = 3;
        // c = 4; // 报错
        var aa;
        let bb;
        // const cc; // 报错
        console.log(a); // 1
        console.log(b); // 2
        console.log(c); // 3
        console.log(aa); // undefined
        console.log(bb); // undefined
    }
    console.log(a); // 1
    // console.log(b); // 报错
    // console.log(c); // 报错
   
    // 函数作用域
    (function A() {
        var d = 5;
        let e = 6;
        const f = 7;
        console.log(d); // 5
        console.log(e); // 6  
        console.log(f); // 7 
   
    })();
    // console.log(d); // 报错
    // console.log(e); // 报错
    // console.log(f); // 报错
   </script>
   

• 区别二

1. var 与let的区别在我的另一篇博客 ,里面有非常详细的介绍!
[var与let的区别]: https://blog.csdn.net/tsw529/article/details/87528753

2. const 声明一个只读的常量 . 常量 : 值不可以改变的量

const声明的量不可以改变

 		const PI = 3.1415;
         PI = 3; //报错

• const声明的变量必须赋值

 		 const num; //报错

• 如果const声明了一个对象 仅仅保证地址不变

		 const obj = {name:'zs'};
         obj.age = 18;//正确
         obj = {};//报错 因为{name:'zs'} 和{} 是两个不同的地址

• 其他用法和let一样
  1. 只能在当前代码块中使用
  2. 不会提升
  3. 不能重复
  3. let 声明的变量 ,多了一个块级作用域
• 不存在变量提升

		 // let 的情况
         console.log(bar); // 报错ReferenceError
         let bar = 2;

• 不允许重复声明

  		 let a = 10;
         let a = 1;//报错 Identifier 'a' has already been declared
     

3.let与const的使用场景

1. 如果声明的变量不需要改变，那么使用const
2. 如果声明的变量需要改变，那么用let
3. 能用let和const，尽量别用var