声明变量的几种方法

变量的声明：

let是es6中出的标准 let定义的变量是块级作用域，只在let所在行数内有效，函数外无法使用变量。

相当于局部变量，一个函数中不能重复使用let定义相同的变量名，否则会报错

let也不会像var那样发生变量提升

let定义变量需要先声明在使用，否则会出现错误

function fun() {

           console.log // a is not defined

            let a = 1;

        }    

代码演示：

   // ES6语法用来声明变量

        // 作用：
        // 声明一个块级作用域的本地变量
        // 可以设置初始值

        // 语法：
        // 声明变量
        let x = 1
        let y = 2

        console.log(y); // 2
        // 重新赋值
        x = "今天学习的内容是声明变量哦~"
        console.log(x); //今天学习的内容是声明变量哦~
        // 1、注意点：不允许重复声明
        // let 不允许在相同作用域内，重复声明同一个变量
        // function fun() {
        //     let a = 10;
        //     var b = 10;
        // }
        // function fun() {
        //     let a = 10;
        //     let a = 1;

        // }    
        // 2、块级作用域
        // 它的用法类似于var,但是所声明的变量,只能在let命令所在的代码块内有效。
        // 在下面代码块之中,分别用let和var声明了两个变量。
        {
            let a = 15;
            var b = 20;
            console.log(a); // 15
            console.log(b); // 20
        }
        console.log(a);
        console.log(b);

        
        // console.log(a); // undefined
        // console.log(b); // 1
        // 结果let声明的变量报错,var声明的变量返回了正确的值
        // 这表面,let声明的变量只在它所在的代码块有效。
        // console.log(a); // a is not defined
        // console.log(b); // 1
        // 3、变量不会提升  
        // var命令会发生“变量提升”现象,即变量可以在声明之前使用,值为underfined。
        // 这种现象多多少少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用
        // 为了纠正这种现象,let命令改变了语法行为,它声明的变量一定要在声明后使用,否则报错
        // var的情况
        console.log(foo);
        var foo =2; //undefined
        // let的情况
        console.log(bar); // Cannot access "bar’ before initialization(无法在初始化之前访问变l量)
        let bar = 2;
        // 【总结】
        // 1.不能重复声明
        // 2.有块级作用域
        // 3.不会变量提升 

 const常量声明：

const定义的js变量是一个常量。不可以修改（相当于只读不可写入），而且必须初始化（给const一个初始值，不能为空）

注意：const的值不能在同一函数内重复声明，否则两个都会报错。

 <script>
        // 常量声明const：
        // const 声明一个只读常量 一旦声明，常量的值就不能改变
         
        // 语法：
        // 声明设置初始值
        const y = 10;

        // 1、基本类型数据无法重新赋值
        const ls = 99;
        console.log(ls); // 99
        // ls = 100;
        // console.log(ls); // Assignment to constant variable(赋值给常量变量)

        // 2、必须设置初始值
        // const 声明的变量不得改变值，这意味着const一旦声明变量，就必须立即初始化不能留到以后赋值
        // const foo;
        // console.log(foo); // Missing initializer.(缺少初始值)
        // 只声明不赋值,就会报错
        // 3、有块级作用域
        // const的作用域和let命令相同:只在声明的块级作用域内有效
        if(true) {
             const MAX = 5 ;
             console.log(MAX);
             }
        // console.log(MAX); // MAX is not defined
        // 4、不会变量提升
        // const命令声明的常量也是不能提升,同样存在暂时性死区,只能在声明的位置后面使用
        if(true) {
            console.log(MAX); // Cannot access 'MAX' before initialization 
            const MAX =5;
        }
        // 5、不能重复声明
        // let age = 18;
        // const age = 30;


        // 总结：
        // 1、基本数据类型无法重新赋值(引用类型可以更改内容)
        // 2、必须设置初始值
        // 3、有块级作业域
        // 4、不会变量提升
        // 5、不能重复声明
        <script/>

var变量声明：

<script>
        // 变量声明var：
        // var不常用

        // 作用：
        // 设置变量，与let非常类似
        // 语法：
        // 1、声明变量
        var food 
        // 2、变量声明 + 初始值
        var fruit = 'apple'
        // 3、重新赋值
        fruit = 'banana'
        console.log(fruit); // banana

   

    // 注意点1：变量会提升
    console.log(num);
    var num = 10;
    // 注意点2: 没有块级作用域 
    for(var i = 1; i < 5 ; i++){
        console.log('循环内'+ i);
    }
        console.log('循环外'+ i);
</script>

 笔记：

<script>
        // 变量提升
        // 变量提升即将变量声明提升到它所在的作用域

        // 通过var定义(声明)的变量，在定义语句之前就可以访问到
        console.log(a); //underfined
        var a = 1;

        // 因为有变量提升的缘故，上面代码实际的执行顺序为:
        var a;
        console.log(a); //1
        a = 1;
    </script>

 面试题：

<script>

        var a = 4

        function fn () {

            // var a = 8

            console.log(a); // underfined

            var a = 5

        }

        fn()

    </script>