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函数从函数的构成开始
Aug 29 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
AngularJS国际化详解及示例代码
Aug 18 Javascript
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
JavaScript设计模式之策略模式实现原理详解
May 29 Javascript
javascript实现电商放大镜效果
Nov 23 Javascript
Vue CLI中模式与环境变量的深入详解
May 30 Vue.js
js面向对象编程OOP及函数式编程FP区别
Jul 07 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 高手之路(一)
2006/10/09 PHP
PHP 模板高级篇总结
2006/12/21 PHP
php explode函数实例代码
2012/02/27 PHP
用PHP+MySQL搭建聊天室功能实例代码
2012/08/20 PHP
php中将html中的br换行符转换为文本输入中的换行符
2013/03/26 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
PHP错误Allowed memory size of 67108864 bytes exhausted的3种解决办法
2014/07/28 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
Javascript----文件操作
2007/01/18 Javascript
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
TextArea不支持maxlength的解决办法(jquery)
2011/09/13 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
JavaScript通过元素的ID和name设置样式
2014/07/08 Javascript
jQuery中closest()函数用法实例
2015/01/07 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
微信小程序开发之tabbar图标和颜色的实现
2018/10/17 Javascript
HTML+JavaScript实现扫雷小游戏
2019/09/30 Javascript
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
python转换摩斯密码示例
2014/02/16 Python
跟老齐学Python之玩转字符串(2)更新篇
2014/09/28 Python
windows7 32、64位下python爬虫框架scrapy环境的搭建方法
2018/11/29 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
pytorch 模型可视化的例子
2019/08/17 Python
解决Python使用列表副本的问题
2019/12/19 Python
python实现录音功能(可随时停止录音)
2020/10/26 Python
Python 按比例获取样本数据或执行任务的实现代码
2020/12/03 Python
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
一道Delphi面试题
2016/10/28 面试题
幼儿园小班教学反思
2014/02/02 职场文书
《都江堰》教学反思
2014/02/07 职场文书
信息服务专业毕业生求职信
2014/03/02 职场文书
教师自我剖析材料(群众路线)
2014/09/29 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
大学生党员暑假实践(活动总结)
2019/08/21 职场文书
详解nginx location指令
2022/01/18 Servers