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 相关文章推荐
JS在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
Feb 01 Javascript
javascript实现点击按钮让DIV层弹性移动的方法
Feb 24 Javascript
javascript封装简单实现方法
Aug 11 Javascript
vue,angular,avalon这三种MVVM框架优缺点
Apr 27 Javascript
详解handlebars+require基本使用方法
Dec 21 Javascript
详解vue2.0组件通信各种情况总结与实例分析
Mar 22 Javascript
Angular6中使用Swiper的方法示例
Jul 09 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
小程序实现订单倒计时功能
Apr 23 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
JavaScript禁止右击保存图片,禁止拖拽图片的实现代码
Apr 28 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
hessian 在PHP中的使用介绍
2010/12/13 PHP
解析PHP无限级分类方法及代码
2013/06/21 PHP
php加密解密函数authcode的用法详细解析
2013/10/28 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
2016/04/04 PHP
浅谈关于PHP解决图片无损压缩的问题
2017/09/01 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
jquery插件制作 提示框插件实现代码
2012/08/17 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
2013/11/14 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
vue开发心得和技巧分享
2016/10/27 Javascript
详解微信小程序开发之城市选择器 城市切换
2017/01/17 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
基于vue实现可搜索下拉框定制组件
2020/03/26 Javascript
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
js中位运算的运用实例分析
2018/12/11 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
js屏蔽F12审查元素,禁止修改页面代码等实现代码
2020/10/02 Javascript
vue实现按钮切换图片
2021/01/20 Vue.js
Python实例一个类背后发生了什么
2016/02/09 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
详解pandas获取Dataframe元素值的几种方法
2020/06/14 Python
python用什么编辑器进行项目开发
2020/06/17 Python
Spring @Enable模块驱动原理及使用实例
2020/06/23 Python
美国眼镜网站:EyeBuyDirect
2017/04/13 全球购物
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
通信工程专业毕业生推荐信
2013/12/25 职场文书
本科生就业推荐信
2014/05/19 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
三八妇女节新闻稿
2015/07/17 职场文书
《刷子李》教学反思
2016/02/20 职场文书
vue完美实现el-table列宽自适应
2021/05/08 Vue.js