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

 更新时间:2016年05月21日 15:38:14   作者:kittyjie  
const和let一样,也是ES6版本中引入的新关键字,下面我们就通过例子来简单掌握JavaScript中const关键词声明常量与变量的用法

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; // 依然是语法错误,你这个倒霉蛋

相关文章

  • Shell脚本实现Linux系统和进程资源监控

    Shell脚本实现Linux系统和进程资源监控

    这篇文章主要介绍了Shell脚本实现Linux系统和进程资源监控,本文讲解了检查进程是否存在、检测进程 CPU 利用率、检测进程内存使用量、检测进程句柄使用量、,需要的朋友可以参考下
    2015-03-03
  • JavaScript 学习历程和心得分享

    JavaScript 学习历程和心得分享

    在过去,JavaScript只是被用来做一些简单的网页效果,比如表单验证、浮动广告等,所以那时候JavaScript并没有受到重视。
    2010-12-12
  • JQueryDOM之样式操作

    JQueryDOM之样式操作

    这篇文章主要介绍了JQueryDOM之样式操作,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • Js基础学习资料

    Js基础学习资料

    今天学习了哈很简单的脚本语言----JavaScript,做了简单的笔记。放在这里吧,方便翻出来看看。
    2010-11-11
  • 详解用JS添加和删除class类名

    详解用JS添加和删除class类名

    这篇文章主要介绍了用JS添加和删除class类名,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • JavaScript高级程序设计(第3版)学习笔记12 js正则表达式

    JavaScript高级程序设计(第3版)学习笔记12 js正则表达式

    前面在分析PhoneGap源码的时候,曾经总结过一次正则表达式的用法,为了不同系列文章的完整性,这里将那里的总结迁移过来
    2012-10-10
  • Javascript中的几种继承方式对比分析

    Javascript中的几种继承方式对比分析

    下面小编就为大家带来一篇Javascript中的几种继承方式对比分析。小编觉得挺不错的,现在分享给大家,希望能给大家一个参考。一起跟随小编过来看看吧
    2016-03-03
  • JavaScript函数的调用以及参数传递

    JavaScript函数的调用以及参数传递

    这篇文章主要介绍了JavaScript函数的调用以及参数传递,是JavaScript入门学习中的基础知识,需要的朋友可以参考下
    2015-10-10
  • JavaScript中的getDay()方法使用详解

    JavaScript中的getDay()方法使用详解

    这篇文章主要介绍了JavaScript中的getDay()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • JavaScript While 循环基础教程

    JavaScript While 循环基础教程

    只要指定条件为 true,循环就可以一直执行代码,
    2007-04-04

最新评论