JavaScript中const、var和let区别浅析


Posted in Javascript onOctober 11, 2016

在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区别浅析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Javascript公共脚本库系列(一): 弹出层脚本
Feb 24 Javascript
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
vue使用自定义指令实现拖拽
Jan 29 Javascript
JQuery表单元素取值赋值方法总结
May 12 jQuery
js实现圆形菜单选择器
Dec 03 Javascript
微信小程序APP的事件绑定以及传递参数时的冒泡和捕获
Apr 19 Javascript
对javascript继承的理解
Oct 11 #Javascript
Javascript动画效果(3)
Oct 11 #Javascript
JavaScript实现自动切换图片代码
Oct 11 #Javascript
Javascript动画效果(2)
Oct 11 #Javascript
Javascript动画效果(1)
Oct 11 #Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 #Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 #Javascript
You might like
PHP用GD库生成高质量的缩略图片
2011/03/09 PHP
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
php中的ini配置原理详解
2014/10/14 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
抛弃 PHP 代价太高
2016/04/26 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
php实现有序数组旋转后寻找最小值方法
2018/09/27 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
2013/08/01 Javascript
qq悬浮代码(兼容各个浏览器)
2014/01/29 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
Angularjs中UI Router全攻略
2016/01/29 Javascript
js实现精确到毫秒的倒计时效果
2016/08/05 Javascript
form+iframe解决跨域上传文件的方法
2016/11/18 Javascript
node.js请求HTTPS报错:UNABLE_TO_VERIFY_LEAF_SIGNATURE\的解决方法
2016/12/18 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
JS简单添加元素新节点的方法示例
2018/02/10 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
vuex(vue状态管理)的特殊应用案例分享
2020/03/03 Javascript
jQuery实现B2B网站后台管理系统侧导航
2020/07/08 jQuery
element-ui点击查看大图的方法示例
2020/12/14 Javascript
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
Python下载懒人图库JavaScript特效
2015/05/28 Python
Python内置函数—vars的具体使用方法
2017/12/04 Python
python实现朴素贝叶斯算法
2018/11/19 Python
python实现大文件分割与合并
2019/07/22 Python
pycharm 安装JPype的教程
2019/08/08 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
使用python脚本自动创建pip.ini配置文件代码实例
2019/09/20 Python
全球航班旅行搜索网站:Cheapflights
2017/05/19 全球购物
卡骆驰德国官方网站:Crocs德国
2019/03/29 全球购物
Unix里面如何在后台运行程序
2016/10/14 面试题
办理暂住证介绍信
2014/01/11 职场文书
三种方式清除vue路由跳转router-link的历史记录
2022/04/10 Vue.js