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接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
cnblogs TagCloud基于jquery的实现代码
Jun 11 Javascript
jQuery 一个图片切换的插件
Oct 09 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
JQuery.get提交页面不跳转的解决方法
Jan 13 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
JavaScript计划任务后台运行的方法
Dec 18 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
前端JS面试中常见的算法问题总结
Dec 23 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
Nov 13 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
图书管理程序(一)
2006/10/09 PHP
PHP 批量删除数据的方法分析
2009/10/30 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
通过修改配置真正解决php文件上传大小限制问题(nginx+php)
2015/09/23 PHP
PHP中Notice错误常见解决方法
2017/04/28 PHP
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
用javascript判断IE版本号简单实用且向后兼容
2013/09/11 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
2014/06/16 Javascript
七夕情人节丘比特射箭小游戏
2015/08/20 Javascript
js实现百度搜索提示框
2017/02/05 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
2017/03/13 Javascript
vue实现全选、反选功能
2020/11/17 Javascript
关于Ajax的原理以及代码封装详解
2017/09/08 Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
2017/11/02 Javascript
vue父组件向子组件(props)传递数据的方法
2018/01/02 Javascript
Koa项目搭建过程详细记录
2018/04/12 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
详解element-ui 表单校验 Rules 配置 常用黑科技
2020/07/11 Javascript
vue移动端下拉刷新和上滑加载
2020/10/27 Javascript
[49:27]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第一场
2018/04/05 DOTA
python pandas实现excel转为html格式的方法
2018/10/23 Python
Python3 jupyter notebook 服务器搭建过程
2018/11/30 Python
详解python itertools功能
2020/02/07 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
网络维护中文求职信
2014/01/03 职场文书
会议开场欢迎词
2014/01/15 职场文书
秋季红领巾广播稿
2014/01/27 职场文书
医院工作检讨书范文
2014/02/10 职场文书
演讲稿格式范文
2014/05/19 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
私人贷款担保书该怎么写呢?
2019/07/02 职场文书