Js var let const 关键字区别

最新推荐文章于 2024-11-03 16:40:52 发布

随帆思凡

最新推荐文章于 2024-11-03 16:40:52 发布

阅读量65

点赞数

分类专栏： Js 文章标签： javascript 前端 linq

本文链接：https://blog.csdn.net/x_y_b/article/details/121736892

版权

Js 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<body>

    <script>

      // 使用 var 关键字定义的变量，变量名可以重复，后面的变量会将前面的变量覆盖掉。

      var a = 10;

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

      var a = 20;

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

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



      // var方式定义的变量，在编译时会统一提升到 全局作用域 顶端定义，然后在指定的地方赋值。

      console.log(b);

      var b = 20;

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



      console.log(c);

      if (true) {

        // var定义的变量，即使在指定的代码块中，仍然会提升到全局作用域的顶端。

        var c = 100;

        console.log(c);

      }

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



      // 因为使用 var定义变量，存在上面的各种问题，所以从ES6开始，有引入了新的方式定义变量

      let d = 10;

      // var d = 5

      console.log("d=" + d);

      // let d = 10 // 使用let 在同一作用域中，不能定义同名的变量



      // let定义的变量，不存在提升

      // console.log(e); //这里会报错，提示：不能在初始化e之前使用e

      let e = 20;

      // console.log("f="+f); //这里会报错，提示：f没有定义

      if (true) {

        let f = 20;

        console.log("f=" + f);

      }

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



      // const关键字用于定义常量，常量的特点：不能重新赋值,并且定义时必须赋值。

      const g = 18;

      console.log("g=" + g);

      // g = 100 //这里会报错，提示：不能给常量重复复置

      console.log("g=" + g);

    </script>

  </body>