js中 var let const 区别

var

1.仅仅声明 默认值是 undefined

2.可以重新赋值

3.作用域是方法内 ，而不是代码块内

function test(){
    var a ;
    console.log(a); //undefined

    a = "hello";
    console.log(a);

    for(var i=0 ;i < 10 ; i++ ) {
        var data = "test";
    }
    console.log(i); //10
    console.log(data);  //test

}

 

js-var.png

let

1.仅仅声明 默认值是 undefined

2.可以重新赋值

3.块作用域

function test(){
    let a ;
    console.log(a); //undefined
​
    a = "hello";
    console.log(a);
​
    for(let i=0 ;i < 10 ; i++ ) {
        let data = "test";
    }
    console.log(i); //10
    console.log(data);  //test
​
}

 

js-let.png

const

1.声明时必须初始化

2.不可重新赋值

3.块作用域

4.虽然不可被重新赋值，但是可以改变。

 

function test(){
    const a = {"name":"czz","sex":"M"};
    console.log(a);
    a.name = "XL";
    a.sex = "F";
    console.log(a);
}

function test(){
    const a ;
    console.log(a); //undefined
​
    a = "hello";
    console.log(a);
​
    for(let i=0 ;i < 10 ; i++ ) {
        const data = "test";
    }
    console.log(i); //10
    console.log(data);  //test
​
}

js-const.png

 

js-const-2.png

 

欢迎大家留言，以便于后面的人更快解决问题！另外亦欢迎大家可以关注我的微信公众号，方便利用零碎时间互相交流。共勉！ !