简单掌握JavaScript中const声明常量与变量的用法


Posted in Javascript onMay 21, 2016

ES6引入的第三个声明类关键词与let类似:const。

看一下用法:

const c1 = 1; 
const c2 = {}; 
const c3 = [];
Object.getOwnPropertyDescriptor(window,"c1") 
//Object {value: 1, writable: false, enumerable: true, configurable: false}

上面的例子说,不能在对c2进行赋值,但是可以改变c2的内容,因为c2是个对象,看例子:

c2.p1 = 1;

同样,也可以往c3中添加元素,因为c3是个数组。

const声明常量还有个问题,就是声明和初始化必须在一起,声明了就要初始化:

'use strict'; 
 
const c4;//Uncaught SyntaxError: Unexpected token ;

去掉分号仍然会报错,我们这里不讨论非strict mode下的情况,有兴趣的可以自己去试。

const声明的变量与let声明的变量类似,它们的不同之处在于,const声明的变量只可以在声明时赋值,不可随意修改,否则会导致SyntaxError(语法错误)。

const MAX_CAT_SIZE_KG = 3000; // 正确

MAX_CAT_SIZE_KG = 5000; // 语法错误(SyntaxError)
MAX_CAT_SIZE_KG++; // 虽然换了一种方式,但仍然会导致语法错误

当然,规范设计的足够明智,用const声明变量后必须要赋值,否则也抛出语法错误。

const theFairest; // 依然是语法错误,你这个倒霉蛋
Javascript 相关文章推荐
JS函数验证总结(方便js客户端输入验证)
Oct 29 Javascript
javascript中获取下个月一号,是星期几
Jun 01 Javascript
Position属性之relative用法
Dec 14 Javascript
AngularJS ng-change 指令的详解及简单实例
Jul 30 Javascript
分分钟玩转Vue.js组件
Oct 25 Javascript
javascript 注释代码的几种方法总结
Jan 04 Javascript
Node.js查找当前目录下文件夹实例代码
Mar 07 Javascript
vue-cli入门之项目结构分析
Apr 20 Javascript
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
基于rem的移动端响应式适配方案(详解)
Jul 07 Javascript
小程序实现左滑删除效果
Jul 25 Javascript
Vue如何基于vue-i18n实现多国语言兼容
Jul 17 Javascript
基于javascript实现表格的简单操作
May 21 #Javascript
javascript检测移动设备横竖屏
May 21 #Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
May 21 #Javascript
js+html5实现canvas绘制网页时钟的方法
May 21 #Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 #Javascript
javascript RegExp 使用说明
May 21 #Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 #Javascript
You might like
php记录日志的实现代码
2011/08/08 PHP
PHP中strtotime函数使用方法分享
2012/01/10 PHP
教你如何快捷的使用cmd访问mysql小技巧
2014/05/26 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
[原创]用javascript实现检测指定目录是否存在的方法
2008/01/12 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
2011/12/20 Javascript
JS实现切换标签页效果实例代码
2013/11/01 Javascript
js取得html iframe中的元素和变量值
2014/06/30 Javascript
JavaScript实现的一个计算数字步数的算法分享
2014/12/06 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
一篇文章让你搞懂JavaScript 原型和原型链
2020/11/23 Javascript
详解Django缓存处理中Vary头部的使用
2015/07/24 Python
在python的类中动态添加属性与生成对象
2016/09/17 Python
Python算术运算符实例详解
2017/05/31 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
Python基于BeautifulSoup爬取京东商品信息
2020/06/01 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
html5-Canvas可以在web中绘制各种图形
2012/12/26 HTML / CSS
兰蔻俄罗斯官方网站:Lancome俄罗斯
2019/12/09 全球购物
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
幼儿园教师培训方案
2014/02/04 职场文书
求职者怎样写自荐信
2014/04/13 职场文书
完整版商业计划书
2014/09/15 职场文书
个人租房协议书范本
2014/09/30 职场文书
教师先进事迹材料
2014/12/16 职场文书
故宫英文导游词
2015/01/31 职场文书
解放思想大讨论活动总结
2015/05/09 职场文书
golang http使用踩过的坑与填坑指南
2021/04/27 Golang
利用Python判断整数是否是回文数的3种方法总结
2021/07/07 Python
Smart 2 车辆代号 HC11 全新谍照曝光
2022/04/21 数码科技