JS const关键字生成常量的三个特点介绍

 更新时间:2023年05月18日 09:06:07   作者:让你五行代码  
这篇文章主要介绍了JS const关键字生成常量有哪些特点,下面通过代码演示const关键字声明的常量的块级作用域效果,需要的朋友可以参考下

consl是ES6中新增的用于声明常量的关键字,所谓常量就是值(内存地址)不能变化的量。使用const关键字声明的常量具有3个特点,下面分别进行讲解。

1.const关键字声明的常量具有块级作用域

const关键字声明的常量具有块级作用域,const关键字的作用域与let关键字的作用域相同,其声明的量只在声明所处的块级作用域有效。

下面通过代码演示const关键字声明的常量的块级作用域效果,示例代码如下。

<script>
  if {true} {
    const a = 10;
    console.1og(a): //输出结果:10
  }
  console.log (a);    //报错,a未定义
</script>

上述代码中,第3行代码在if语句块中使用const关键字声明了一个常量a并赋值为10;第4行代码输出常量a的值,结果为10;第6行代码在语句块外部输出常量a,结果会报错。这说明使用const关键字声明的常量只在所处的块级作用域内有效,也就是说常量a只能在if语句块中被访问。

2.const关键字声明常量时必须赋值

const关键字声明的是一个只读常量。常量一旦声明,值就不能改变。这意味着const关键字。

在声明常量时必须给常量赋初始化值,否则就会报错。下面通过代码演示const关键字声明常量时不赋值的情况,示例代码如下。

<script>
  const PI;//报错,常量PI未赋值
</script>

上述代码中,第2行代码使用const关键字声明了一个常量PI,但是没有给这个常量赋值,因此在程序运行时会报错。

3.const关键字声明常量并赋值后常量的值不能修改

使用const关键字声明常量,常量的值对应的内存地址不可更改,使用场景如下。

(1)对于基本数据类型(如数值、字符串),一旦赋值,值就不可修改,示例代码如下。

<script>
  const PI = 3.14;
  PI=100://报错,无法对常量赋值
</script>

上述代码中,第2行代码使用const关键字声明了一个常量PI.并给常量赋值为3.14。然后执行下一条语句,重新给PI赋值为l00时,程序在运行时会报错。

(2)对于复杂数据类型(如数组、对象),虽然不能重新赋值,但是可以更改内部的值,示例代码如下。

<script>
  const ary = [100,0200];
  ary[0] = 'a';
  ary[1] = 'b';
  console.log(ary);//可以更改数组内部的值,结果为['a','b']
  ary=['a','b'];//报错,无法对常量赋值
 </script>

上述代码中,第2行代码使用const关键字声明了一个ary数组,数组中有2个值分别为100和200。然后在第3行、第4行代码中,通过数组下标的形式找到对应的值,并更改值,此时值是可以更改成功,因为这个操作并没有更改ary数组在内存中的存储地址。下面在第6行代码中给ary这个常量重新赋值,所赋的值是一个新数组,这是不被允许的,因为此操作改变了ary常量在内存中的存储地址,所以输出结果会报错。

到此这篇关于JS const关键字生成常量有哪些特点的文章就介绍到这了,更多相关js const关键字生成常量内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解JavaScript的数据类型以及数据类型的转换

    详解JavaScript的数据类型以及数据类型的转换

    这篇文章主要介绍了JavaScript的数据类型以及数据类型的转换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascript中的structuredClone()克隆方法

    javascript中的structuredClone()克隆方法

    本文介绍了JavaScript的structuredClone方法,用于在WebWorkers中创建对象的深度副本,避免并发问题,具有一定的参考价值,感兴趣的可以了解一下
    2025-07-07
  • 微信小程序实现渐入渐出动画效果

    微信小程序实现渐入渐出动画效果

    这篇文章主要给大家介绍了关于微信小程序实现渐入渐出动画效果的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-06-06
  • javascript数组去重的方法汇总

    javascript数组去重的方法汇总

    数组去重复是一个常见的需求,我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法,网上基本都有,这里只是简单地总结一下分享给大家。
    2015-04-04
  • javascript 二维数组的实现与应用

    javascript 二维数组的实现与应用

    javascript没有二维数组.所有自定义了一个数组类,下面是实例代码,需要的朋友可以参考下。
    2010-03-03
  • javascript表格随机排序代码

    javascript表格随机排序代码

    非常不错的思路,用js实现表格的随机排序,建议大家看代码,学习编程思路
    2008-09-09
  • JS实现点击表头表格自动排序(含数字、字符串、日期)

    JS实现点击表头表格自动排序(含数字、字符串、日期)

    这篇文章主要介绍了利用JS如何实现点击表头后表格自动排序,其中包含数字排序、字符串排序以及日期格式的排序,文中给出了完整的示例代码,相信对大家具有一定的参考价值,感兴趣的朋友们一起来看看吧。
    2017-01-01
  • 微信小程序新手教程之启动页的重要性

    微信小程序新手教程之启动页的重要性

    这篇文章主要给大家介绍了关于微信小程序新手教程之启动页重要性的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • JavaScript 对象与数组操作大全

    JavaScript 对象与数组操作大全

    本文介绍了JavaScript中的对象和数组,包括它们的基本概念、创建方法、属性操作、遍历方法、增删改操作以及常用方法,同时,还讨论了原型和继承、对象的拷贝和方法简写等高级技巧,感兴趣的朋友跟随小编一起看看吧
    2026-02-02
  • JavaScript字符串常用属性方法汇总及详解

    JavaScript字符串常用属性方法汇总及详解

    在JavaScript中,字符串是一个非常重要的数据类型,这篇文章主要介绍了JavaScript字符串常用属性方法汇总及详解的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-10-10

最新评论