谷粒商城21- 前端基础 es6 let&const

java持续实践

于 2020-08-01 21:02:41 发布

阅读量199

点赞数

分类专栏：谷粒商城

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

版权

谷粒商城专栏收录该内容

59 篇文章 25 订阅

订阅专栏

let&const

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(m);
        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

分享到新浪微博

扫一扫

专栏目录