JavaScript中const、var和let区别浅析

 更新时间:2016年10月11日 16:51:35   投稿:mrr  
在JavaScript中有三种声明变量的方式:var、let、const。但是有朋友不清楚这三种声明变量的区别,下面脚本之家小编给大家详细介绍下js中const、var和let的区别,感兴趣的朋友一起看看吧

在JavaScript中有三种声明变量的方式:var、let、const。下文给大家介绍js中三种定义变量的方式const, var, let的区别。

1.const定义的变量不可以修改,而且必须初始化

const b = 2;//正确
// const b;//错误,必须初始化 
console.log('函数外const定义b:' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b:' + b);//无法输出

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

var a = 1;
// var a;//不会报错
console.log('函数外var定义a:' + a);//可以输出a=1
function change(){
a = 4;
console.log('函数内var定义a:' + a);//可以输出a=4
} 
change();
console.log('函数调用后var定义a为函数内部修改值:' + a);//可以输出a=4

3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。

let c = 3;
console.log('函数外let定义c:' + c);//输出c=3
function change(){
let c = 6;
console.log('函数内let定义c:' + c);//输出c=6
} 
change();
console.log('函数调用后let定义c不受函数内部定义影响:' + c);//输出c=3

以上所述是小编给大家介绍的JavaScript中const、var和let区别浅析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • js动态设置鼠标事件示例代码

    js动态设置鼠标事件示例代码

    动态设置鼠标事件的方法有很多,接下来为大家介绍下js中是如何做到的,感兴趣的朋友不要错过
    2013-10-10
  • JS仿iGoogle自定义首页模块拖拽特效的方法

    JS仿iGoogle自定义首页模块拖拽特效的方法

    这篇文章主要介绍了JS仿iGoogle自定义首页模块拖拽特效的方法,实例分析了页面的布局及拖拽的实现技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • javascript中的数据类型检测方法详解

    javascript中的数据类型检测方法详解

    这篇文章主要介绍了javascript中的数据类型检测方法,结合实例形式分析了javascript数据类型并总结分析了常见的数据类型检测操作技巧,需要的朋友可以参考下
    2019-08-08
  • 使用next.js开发网址缩短服务的方法

    使用next.js开发网址缩短服务的方法

    这篇文章主要介绍了使用next.js开发网址缩短服务,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • 一文学会JavaScript如何手写防抖节流

    一文学会JavaScript如何手写防抖节流

    其实防抖和节流不仅仅在面试中会让大家手写,在实际项目中也可以起到性能优化的作用,所以还是很有必要掌握的。这篇文章就带大家彻底学会JavaScript手写防抖节流,希望对大家有所帮助
    2022-11-11
  • 2012世界末日倒计时代码 原来没事虚惊一场

    2012世界末日倒计时代码 原来没事虚惊一场

    这款时世界末日倒计时源代码,程序上有JS控制器,是用于网页中显示的倒计时器,自己可以设定世界末日的开始时间,网页倒计时世界末日源代码直接复制就可以用
    2012-12-12
  • JavaScript计划任务后台运行的方法

    JavaScript计划任务后台运行的方法

    这篇文章主要介绍了JavaScript计划任务后台运行的方法,需要的朋友可以参考下
    2015-12-12
  • js canvas实现红包照片效果

    js canvas实现红包照片效果

    这篇文章主要介绍了js canvas实现红包照片效果
    2018-08-08
  • 基于javascript实现简单的抽奖系统

    基于javascript实现简单的抽奖系统

    这篇文章主要为大家详细介绍了基于javascript实现简单的抽奖系统,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • javascript定义类和类的实现实例详解

    javascript定义类和类的实现实例详解

    这篇文章主要介绍了javascript定义类和类的实现,结合实例形式较为详细的分析了JavaScript类的定义方式与相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12

最新评论