js var let const详解

var 是定义一个变量让它能够存储数据,例如 var str = “hello world”;那么str就是我们通过var定义的变量,str里面所存储的也就是后面的这段字符 hello world

let本质上也是定义一个变量用来存储,let st = “hello procedure”,功能同上,但是区别在哪里呢? 

let 是ES6 提供的一个方法,不同之处在于通过var定义的变量会发生变量提升例如:

 <script>

      console.log(str); //打印输出 undefined

      var str = "hello world";

</script>

变量提升分析:

<script>

      var str;

      console.log(str); //打印输出 undefined

      str = "hello world";

</script>

虽然是在下面定义的,但是因为var有变量提升的特性所以不会报错,而是输出undefined,

但是let就不一样,let没有变量提升,所以必须先定义后使用,例:

<script>   

      console.log(st); //打印输出 Uncaught ReferenceError

      let st = "hello world";

    console.log(st); // 报错 因为上面报错下面是不能执行的

</script>

var是可以定义已经定义过的变量,不会报错只是会覆盖之前的而已,但是let不行,已经被定义过的变量如果再次通过let定义会报错,例:

<script>

      var st =  "hello world"; 

      console.log(st);// 打印输出 hello world

      var st = "hello procedure"

      console.log(st); // 打印输出 hello procedure

</script>

第二次定义赋值覆盖了第一次定义赋值

<script>

      var st;

      let st = "hello procedure"//报错Uncaught SyntaxError

</script>

let 定义的变量如果是已经被定义过的就会报错 无论是 var 还是 let

<script>

      const NAME = "procedure"

      console.log(NAME);// 输出procedure

</script>

注意: 在定义的时候就要赋值

定义常量一般是使用大写,便于区分,也是保障我们在公司的人生安全