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 相关文章推荐
jQuery 学习6 操纵元素显示效果的函数
Feb 07 Javascript
基于jquery的拖动布局插件
Nov 25 Javascript
javascript生成不重复的随机数
Jul 17 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
关于原生js中bind函数的简单实现
Aug 10 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
webpack 4.0.0-beta.0版本新特性介绍
Feb 10 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
js实现黑白div块画空心的图形
Dec 13 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
对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生成文件
2007/01/15 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
PHP创建单例后台进程的方法示例
2017/05/23 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
Yii框架的布局文件实例分析
2019/09/04 PHP
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
2011/09/21 Javascript
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
JS非Alert实现网页右下角“未读信息”效果弹窗
2015/09/26 Javascript
jquery插件格式实例分析
2016/06/16 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
vue-preview动态获取图片宽高并增加旋转功能的实现
2020/07/29 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
使用Python对SQLite数据库操作
2017/04/06 Python
python 接口返回的json字符串实例
2018/03/27 Python
Django开发的简易留言板案例详解
2018/12/04 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
Python 监测文件是否更新的方法
2019/06/10 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
tensorflow-gpu安装的常见问题及解决方案
2020/01/20 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
详解Selenium 元素定位和WebDriver常用方法
2020/12/04 Python
雅诗兰黛美国官网:Estee Lauder美国
2016/07/21 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
电子银行营销方案
2014/02/22 职场文书
运动会三级跳加油稿
2015/07/21 职场文书
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS