Work hard and live hard
Web > js中var，const，let的用法区别

js中var，const，let的用法区别

2020-11-09 分类：Web 作者：Agoni 阅读（1040）

1.const定义的变量不可以修改，并且必须要初始化

1
2
3
4
<script>
    const a;
    console.log(a);
</script>

以上写法是不正确的，没有初始化，

1
2
3
4
<script>
    const a = 1;
    console.log(a);
</script>

以上写法会输出值1，

1
2
3
4
5
<script>
    const a = 1;
    a = 2;
    console.log(a);
</script>

以上会出现错误，如图：

2.var定义的变量可以修改，如果不初始化会输出undefined,不会报错，

1
2
3
4
<script>
    var a;
    console.log(a);
</script>

结果如下：

1
2
3
4
5
6
7
8
<script>
    var a = 1;
    function s(){
        var a = 3;
        console.log(a);
    }
    s();
</script>

结果如下：

3.let是块级作用域，函数内部使用let定义后，对函数外部没有什么影响

1
2
3
4
5
6
7
8
9
10
<script>
    let a = 3;
    console.log(a)
    function s(){
        let a = 1;
        console.log(a);
    }
    s()
    console.log(a)
</script>

以上结果运行如下图：

「 有志者自有千计万计，无志者只感千难万难 」

赞(4) 打赏
赏 4

谢谢，共同进步~

支付宝
微信
标签：

上一篇：

下一篇：

你可能感兴趣

共 0 条评论关于"js中var，const，let的用法区别"

博客简介

loading......
姓名：张峰
性别：男
爱好：女
喜欢：旅游，煲剧，写书法，写博客，欢迎一起交流。。。。。。

最近更新

随机文章

热门标签

面试 英语 生活 数组 导出excel 字符串反转 基础函数 函数 优化 xss web前端 switch strrev redis phpspreadsheet php mysql lnmp leetcode js Guzzle elementui deepin csrf

精彩评论

站点统计

  • 文章总数： 38 篇
  • 草稿数目： 0 篇
  • 分类数目： 11 个
  • 独立页面： 1 个
  • 评论总数： 23 条
  • 链接总数： 5 个
  • 标签总数： 29 个
  • 访问总量： 8100511 次
  • 最近更新： 2022年12月20日
服务热线：
 1995****175

 QQ在线交流

点击这里给我发消息
点击这里给我发消息

 旺旺在线

点击这里给我发消息
点击这里给我发消息