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 相关文章推荐
做网页的一些技巧
Feb 01 Javascript
json跟xml的对比分析
Jun 10 Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
Node.js安装配置图文教程
May 10 Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
详解mpvue实现对苹果X安全区域的适配
Jul 31 Javascript
ES6基础之数组和对象的拓展实例详解
Aug 22 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
Sep 09 Javascript
JS实现简易计算器
Feb 14 Javascript
vue+element_ui上传文件,并传递额外参数操作
Dec 05 Vue.js
原生JS封装vue Tab切换效果
Apr 28 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调用c接口无错版介绍
2014/03/11 PHP
js判断上传文件的类型和大小示例代码
2013/10/18 Javascript
JS不能跨域借助jquery获取IP地址的方法
2014/08/20 Javascript
使用jQuery UI库开发Web界面的简单入门指引
2016/04/22 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
2016/07/05 Javascript
微信小程序 picker-view 组件详解及简单实例
2017/01/10 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
2018/10/28 Javascript
js取0-9随机取4个数不重复的数字代码实例
2019/03/27 Javascript
layui 实现table翻页滚动条位置保持不变的例子
2019/09/05 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
Vue实现购物车基本功能
2020/11/08 Javascript
玩转python爬虫之正则表达式
2016/02/17 Python
详解Python中类的定义与使用
2017/04/11 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
python UDP(udp)协议发送和接收的实例
2019/07/22 Python
Python中函数的返回值示例浅析
2019/08/28 Python
wxPython实现整点报时
2019/11/18 Python
python matplotlib:plt.scatter() 大小和颜色参数详解
2020/04/14 Python
Python利用命名空间解析XML文档
2020/08/10 Python
解决margin 外边距合并问题
2019/07/03 HTML / CSS
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
接口的多继承会带来哪些问题
2015/08/17 面试题
农药学硕士毕业生自荐信
2013/09/25 职场文书
研发工程师的岗位职责
2013/11/18 职场文书
英语专业学生个人求职信
2014/01/28 职场文书
男女朋友协议书
2014/04/23 职场文书
日语专业求职信
2014/07/04 职场文书
高二学年自我鉴定范文(2篇)
2014/09/26 职场文书
长江三峡导游词
2015/01/31 职场文书
求职简历自我评价2015
2015/03/10 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
原生CSS实现文字无限轮播的通用方法
2021/03/30 HTML / CSS
Python爬虫基础讲解之请求
2021/05/13 Python
JavaScript 定时器详情
2021/11/11 Javascript