var,let,const区别详解

ES6中新增了块级作用域。

<script type="text/javascript">

    // 通过var定义的变量可以跨块作用域访问到。

 

 {

        var a = 1;

        console.log(a); // 1

      }

      console.log(a); //1

 // 可见，通过var定义的变量不能跨函数作用域访问到

    (function A() {

        var b = 2;

        console.log(b); // 2

    })();

// console.log(b); // 报错，

   // if语句和for语句中用var定义的变量可以在外面访问到，

   // 可见，if语句和for语句属于块作用域，不属于函数作用域。

    

    if(true) {

        var c = 3;

    }

    console.log(c); // 3

    for(var i = 0; i < 4; i ++) {

        var d = 5;

    };

    console.log(i); // 4   (循环结束i已经是4，所以此处i为4)

    console.log(d); // 5

 

</script>

Var、let、const区别

1. var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。
2. let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。
3. const用来定义常量，使用时必须初始化(即必须赋值)，只能在块作用域里访问，而且不能修改。

<script type="text/javascript">

    //块作用域 都能在块作用域下访问 var可以跨块访问 let，const不能跨块访问

    {

        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>

const定义的对象属性是否可以改变

const person = {

     name : 'jiuke',

     sex : '男'

 }

 person.name = 'test'

 console.log(person.name) //test

let person = {

     name : 'jiuke',

     sex : '男'

 }

 person.name = 'test'

 console.log(person.name) //test

因为对象是引用类型的，person中保存的仅是对象的指针，这就意味着，const仅保证指针不发生改变，修改对象的属性不会改变对象的指针，所以是被允许的。也就是说const定义的引用类型只要指针不发生改变，其他的不论如何改变都是允许的。

let与const都是只在声明所在的块级作用域内有效。

let声明的变量可以改变，值和类型都可以改变，没有限制。

const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const person = {

   name : 'jiuke',

   sex : '男'

}

person = {

   name : 'test',

   sex : '男'

}

 console.log(person.name) //报错

//let可以修改

 let person = {

        name: "jiuke",

        sex: "男",

      };

 person = {

        name: "test",

        sex: "男",

      };

 console.log(person.name); //test