前端基础ES6 let const

java持续实践

于 2020-06-28 22:55:43 发布

阅读量273

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/qq_33229669/article/details/107009720

版权

js 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

let

let具有作用域的代码示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        //var 声明的变量往往会越域
        //let声明的变量有严格的作用域
        { //此处为代码块
            var a = 1;
            let b = 2;
        }
        console.log(a);    
        console.log(b);

    </script>

</body>
</html>

控制台打印如下, 可以看到1 成功打印, 而b说未定义, 说明了let是有严格的作用域的.

let只能声明一次示例
此代码能正常运行, var可以声明多次, 以最后一次为准


        //var可以声明同一变量多次
        //let 只能声明一次
        var m =1 ;
        var m =2 ;

        let n=3 ;
        console.log(m);
        console.log(n);

  let n=3 ;
  let n=2 ;
  console.log(n);

报错如下, n已经被定义. 说明let定义的变量, 只能声明一次.

     //var 会变量提升
    //let 不存在变量提升
    console.log(x);
    var x =10;

    console.log(y);
    let y = 20 ;

运行结果如下.

关于js的变量提升, 可以看看下面这篇文章
变量提升就是声明到一个变量所在作用域的顶端去执行, 但只是声明,未赋值
https://blog.csdn.net/qq_39712029/article/details/80951958

const

const 声明变量后 ,不允许改变. 并且一旦声明后,必须初始化, 否则报错.

   

        const a = 1;
        a = 3 ;

报错如下,

如下的代码也报错, 未初始化.

java持续实践

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录