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 相关文章推荐
用prototype实现的简单小巧的多级联动菜单
Mar 24 Javascript
js实现点击图片将图片地址复制到粘贴板的方法
Feb 16 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
微信js-sdk上传与下载图片接口用法示例
Oct 12 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
Apr 04 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
vue项目实现多语言切换的思路
Sep 17 Javascript
Vue实现开关按钮拖拽效果
Sep 22 Javascript
Vue3不支持Filters过滤器的问题
Sep 24 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 Javascript
微信小程序自定义支持图片的弹窗
Dec 21 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学习笔记之三 数据库基本操作
2011/01/17 PHP
使用NetBeans + Xdebug调试PHP程序的方法
2011/04/12 PHP
PHP 5.3和PHP 5.4出现FastCGI Error解决方法
2015/02/12 PHP
PHP实现上传文件并存进数据库的方法
2015/07/16 PHP
Javascript 静态页面实现随机显示广告的办法
2010/11/17 Javascript
js自定义事件代码说明
2011/01/31 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
jQuery获取Radio,CheckBox选择的Value值(示例代码)
2013/12/12 Javascript
Ubuntu中搭建Nodejs开发环境过程分享
2014/06/01 NodeJs
JS时间特效最常用的三款
2015/08/19 Javascript
基于JavaScript实现移动端TAB触屏切换效果
2015/10/20 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
2016/06/08 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
2016/12/23 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
JavaScript使用readAsDataURL读取图像文件
2017/05/10 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
JS中实现一个下载进度条及播放进度条的代码
2019/06/10 Javascript
jQuery实现图片下载代码
2019/07/18 jQuery
原生JavaScript实现弹幕组件的示例代码
2020/10/12 Javascript
Django与遗留的数据库整合的方法指南
2015/07/24 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
Python 爬虫学习笔记之正则表达式
2016/09/21 Python
Django 中自定义 Admin 样式与功能的实现方法
2019/07/04 Python
Python使用Slider组件实现调整曲线参数功能示例
2019/09/06 Python
Python 时间戳之获取整点凌晨时间戳的操作方法
2020/01/28 Python
基于python计算并显示日间、星期客流高峰
2020/05/07 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
伦敦平价潮流珠宝首饰品牌:Astrid & Miyu
2016/10/10 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
小学生暑假感言
2014/02/06 职场文书
项目建议书格式
2014/03/12 职场文书
初中物理教学反思
2016/02/19 职场文书
Python语言内置数据类型
2022/02/24 Python