浅谈JavaScript中变量的作用域

定义一个变量，变量哪里可以用？这就取决于这个变量的作用域。
在ES6之前，我们定义变量都是通过var关键字来定义的，这样子定义的变量的作用域分成 全局作用域 与 函数作用域。

 var a = 1; //变量a的作用域是全局的 也就是可以在script标签内的任何地方使用
    function fun(){
        console.log(a);//函数体内可以用
    }
    fun();
    console.log(a);//可以用

    function fun(){
        var b = 1;//函数作用域 只能在函数体内使用
        console.log(b);
    }
    fun();
    console.log(b);//报错 b is not define

在ES6之后，引入了块级作用域。块级作用域需要通过关键字let const定义。

 {
    let a = 10;
    const b = "abc";//const定义的是变量，他的值不能改变
    console.log(a,b);   
  }
  console.log(a,b);//报错

在es5之前没有块级作用域，怎么办？
利用函数去实现！

function fun(){
        var a = 100;
        // 这样子 b就只能在inner这个块中使用（这个函数中使用），
        (function inner(){
            var b = 200;
            console.log(a+b);
        })();

        console.log(b);//报错 b not define

    }
    fun();

我们为什么非要搞一个块级作用域出来？这是有一定的历史原因的，了解过js历史的人应该知道js最初是很粗糙，存在很多小问题。没有块级作用域就给程序员开发工作带来了一些麻烦。例如如下：

场景一：内部变量会覆盖外部变量

   //多人合作，覆盖掉全局变量，不安全
    var version = "1.0.0";
    function fun(){
        console.log(version);// 1.0.0
        version = "测试版";
    }
    fun();
    console.log(version);//测试版

场景二：可能定义了一堆无用的全局变量，造成内存泄漏

for(var i = 0; i< 5; i++){
        console.log(i);
       }

       console.log(i); //i只需要循环体内用 其他地方不需要 但是没有块级作用域 就会造成内存泄漏

现在我们推荐大家尽量使用let const关键字去声明变量。