绳锯木断,水滴石穿!
Web > js中var,const,let的用法区别

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

2020-11-09 分类:Web 作者:Agoni 阅读(807)

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......
姓名:张峰
性别:男
爱好:女
喜欢:旅游,煲剧,写书法,写博客,欢迎一起交流。。。。。。

精彩评论

友情链接

没有人陪你走一辈子,所以你要适应孤独,没有人会帮你一辈子,所以你要奋斗一生!申请交换友链

站点统计

  • 文章总数: 24 篇
  • 草稿数目: 0 篇
  • 分类数目: 10 个
  • 独立页面: 1 个
  • 评论总数: 21 条
  • 链接总数: 3 个
  • 标签总数: 26 个
  • 访问总量: 8074635 次
  • 最近更新: 2021年10月13日
服务热线:
 1995****175

 QQ在线交流

 旺旺在线