js基础---var let const的区别

var let const的区别

变量提升在未定义之前可以使用而且不报错。
预解释预解析在浏览器拿到js代码将要执行之前,会整体的解读一遍js文件,把其中的var声明的变量还有function提前定义。var声明的变量会有一定的缺点（内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量，

let const 语法和 var一样都是用来声明变量的
1.是否存在变量提升？
var声明的变量存在变量提升 let/const声明的变量不存在

    console.log(a); //undefined
    var a = 1;
    
    // let和const声明的变量在初始化之前无法访问
    console.log(b);//Uncaught ReferenceError: Cannot access 'b' before initialization
     let b = 1;
     console.log(c);//Uncaught ReferenceError: Cannot access 'c' before initialization
     const c = 1;

2.是否存在暂时性死区？
var声明的变量不存在 let/const声明的变量存在
暂时性死区：在变量声明之前,任何的地方都不能去提前使用,一旦使用就会报错,那么这之前的这些代码,对于这个变量来说就是暂时性死区。总之，暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

3.是否允许重复声明变量？
var声明的变量可以重复声明 let/const声明的变量不可以重复声明。

  // 是否允许重复声明变量
        var a = 1;
        var a = 6;
        console.log(a);//6
        
//let/const声明的变量不可以重复声明
   let b = 2;
   let b = 7;
    console.log(b);//Uncaught SyntaxError: Identifier 'b' has already been declared

     const c = 2;
     const c = 7;
     console.log(c);//Uncaught SyntaxError: Identifier 'c' has already been declared

4.是否存在块级作用域？
什么是块级作用域：
ES5中作用域有：全局作用域、函数作用域。没有块作用域的概念。因此也有一系列的问题。
var声明的变量不存在块级作用域 let/const声明的变量存在块级作用域。

     //1,内层变量可能覆盖外层变量的问题
        var a = 2;
        function fun() {
    
    
            console.log(a) //undefined
            if (false) {
    
    
                var a = 3;//变量提升带来的，尽管存在块级作用域，但是var声明的变量会跨越这个域。
            }
        }
        fun()

5.是否能修改声明的变量？
const声明的是一个常量,const声明的变量必须要进行初始化不能够重新赋值 var和let可以重新赋值。

//是否能修改声明的变量  let const
var a = 1;
a=2;

let b = 1;
b = 100;

const c = 1;
// c =100; //Assignment to constant variable.  //const声明的是一个常量 不能够重新赋值*/


/*var a;
let b;
const c; //Missing initializer in const declaration //const声明的变量必须要进行初始化*/

//const声明的变量 如果赋值为一个引用数据类型的值,那么是可以修改值里面的内容的,只要不去修改这个变量所指向的内存空间地址即可
//基本数据类型和引用数据类型的区别
const c = {
    
    
    n : 1
};
c.n = 100

js基础---var let const的区别

var let const的区别

猜你喜欢