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类库D
Oct 24 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
Dec 31 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
Jun 17 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
Mar 07 Javascript
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
Angular HMR(热模块替换)功能实现方法
Apr 04 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 Javascript
vue+Element-ui前端实现分页效果
Nov 15 Javascript
JS常用跨域方法实现原理解析
Dec 09 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+MySQL5.0中文乱码解决方法
2006/11/20 PHP
php面向对象全攻略 (十七) 自动加载类
2009/09/30 PHP
Codeigniter出现错误提示Error with CACHE directory的解决方案
2014/06/12 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
WampServer搭建php环境时遇到的问题汇总
2015/07/23 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
jQuery中$.fn的用法示例介绍
2013/11/05 Javascript
通过jquery 获取URL参数并进行转码
2014/08/18 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
2016/01/26 Javascript
浅谈jQuery before和insertBefore的区别
2016/12/04 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
JavaScript ES6中const、let与var的对比详解
2017/06/18 Javascript
JS自定义滚动条效果简单实现代码
2020/10/27 Javascript
javascript计算渐变颜色的实例
2017/09/22 Javascript
Vue实现一个无限加载列表功能
2018/11/13 Javascript
JavaScript利用键盘码控制div移动
2020/03/19 Javascript
[00:12]2018DOTA2亚洲邀请赛 Sccc亮相SOLO赛,今年他又会有什么样的战绩?
2018/04/06 DOTA
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
Python结合ImageMagick实现多张图片合并为一个pdf文件的方法
2018/04/24 Python
pandas 按照特定顺序输出的实现代码
2018/07/10 Python
详解django2中关于时间处理策略
2019/03/06 Python
浅析Python语言自带的数据结构有哪些
2019/08/27 Python
Python如何使用正则表达式爬取京东商品信息
2020/06/01 Python
解决c++调用python中文乱码问题
2020/07/29 Python
HTML5实践-图片设置成灰度图
2012/11/12 HTML / CSS
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
什么是.net
2015/08/03 面试题
班级活动总结格式
2014/08/30 职场文书
乡镇防汛工作汇报
2014/10/28 职场文书
国际贸易实训报告
2014/11/05 职场文书
质量承诺书格式范文
2015/04/28 职场文书
入党申请书怎么写?
2019/06/11 职场文书
解决pycharm安装scrapy DLL load failed:找不到指定的程序的问题
2021/06/08 Python