JavaScript中var、let、const区别浅析

 更新时间:2018年06月24日 09:07:23   作者:派大星星  
这篇文章主要介绍了JavaScript中var、let、const区别浅析,需要的朋友可以参考下

下面通过代码给大家介绍JavaScript中var、let、const区别,具体代码如下所述:

//1.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。
var a;
console.log(a); //undefined
//2.let是块级作用域,函数内部使用let定义后,对函数外部无影响。
let c = 3;
console.log(c)
function change(){
let c = 6;
console.log(c)
}
change();
(1)只要块级作用域于中存在let命令,它所声明的变量就绑定在这个区域中,不再受外部的影响。
var a = 10;
{
 console.log(a);  //undefined  (作用域内部变量不受外部影响,还有就是let不存在变量提升,所以才会报未定义)
 let a = 3;
 console.log(a);  //3
}
(2)let不允许在同一个作用域内,重复声明同一个变量
{
 var a = 2;
 let a = 2;
 console.log(a)   // Error: Identifier 'a' has already been declared
}
//3.const定义的变量不可以修改,而且必须初始化。
//const b; //这样定义不对,必须赋值初始化
const b=1;

总结

以上所述是小编给大家介绍的JavaScript中var、let、const区别浅析,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • js string 转 int 注意的问题小结

    js string 转 int 注意的问题小结

    Javascript将string类型转换int类型的过程中总会出现不如意的问题,下面为大家介绍下js string转int的一些注意的问题,感兴趣的朋友可以参考下
    2013-08-08
  • javaScript数组迭代方法详解

    javaScript数组迭代方法详解

    这篇文章主要为大家详细介绍了javaScript数组迭代方法,ECMAScript5为数组定义了5个迭代方法,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • ionic组件ion-tabs选项卡切换效果实例

    ionic组件ion-tabs选项卡切换效果实例

    这篇文章主要为大家详细介绍了ionic组件ion-tabs选项卡切换效果实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • ES2020让代码更优美的运算符 (?.) (??)

    ES2020让代码更优美的运算符 (?.) (??)

    这篇文章主要介绍了ES2020让代码更优美的运算符 (?.) (??),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • 原生js和css实现图片轮播效果

    原生js和css实现图片轮播效果

    这篇文章主要为大家详细介绍了原生javascript和css实现图片轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • js的逻辑运算符 ||

    js的逻辑运算符 ||

    初次见到这样语句 a=a || [] 还有些纳闷,因为在其他语言中没见过有如此用法。
    2010-05-05
  • 浏览器复制插件zeroclipboard使用指南

    浏览器复制插件zeroclipboard使用指南

    ZeroClipboard 是国外大神开发的一个用于剪贴板复制的 JS 插件,它是基于 Flash 来实现跨浏览器的复制功能的。当我们使用 ZeroClipboard 的时候,它会悄悄隐藏一个小小的 Flash 影片(swf),不会对我们的用户界面造成影响。我们只需要借助它实现复制功能就行了。
    2016-03-03
  • 简单实现节流函数和防抖函数过程解析

    简单实现节流函数和防抖函数过程解析

    这篇文章主要介绍了简单实现节流函数和防抖函数过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 浅析ThreeJs中如何实现动画效果

    浅析ThreeJs中如何实现动画效果

    在 ThreeJs 中,动画是创建动态 3D 场景的重要组成部分,本文将介绍如何使用 ThreeJs 实现基础的动画效果,需要的小伙伴可以参考一下
    2024-10-10
  • JavaScript基础之AJAX简单的小demo

    JavaScript基础之AJAX简单的小demo

    这篇文章主要介绍了JavaScript基础之AJAX简单的小demo ,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-01-01

最新评论