当前位置:首页 > JavaScript

Js实现const

2026-01-31 21:27:36JavaScript

在 JavaScript 中,const 是用于声明常量的关键字,其值在声明后不能被重新赋值。以下是关于 const 的详细说明和用法:

基本语法

const identifier = value;
  • identifier 是常量名称,遵循变量命名规则。
  • value 是初始值,声明时必须赋值,否则会报错。

特性

  1. 不可重新赋值
    const 声明的常量不能被重新赋值,否则会抛出 TypeError

    const PI = 3.14;
    PI = 3.14159; // 报错:Assignment to constant variable
  2. 块级作用域
    constlet 类似,具有块级作用域(仅在 {} 内有效)。

    if (true) {
      const x = 10;
    }
    console.log(x); // 报错:x is not defined
  3. 必须初始化
    声明时必须赋值,否则会报语法错误。

    const x; // 报错:Missing initializer in const declaration
  4. 不提升变量
    const 声明的常量不会提升,存在暂时性死区(TDZ)。

注意事项

  • 对象和数组的可变性
    const 仅保证标识符不可重新赋值,但对象或数组的内容可以修改。

    const arr = [1, 2];
    arr.push(3); // 允许
    arr = [4, 5]; // 报错
    
    const obj = { name: "Alice" };
    obj.age = 30; // 允许
    obj = {}; // 报错
  • 冻结对象
    如需完全不可变,可使用 Object.freeze()

    const obj = Object.freeze({ name: "Alice" });
    obj.age = 30; // 静默失败(严格模式下报错)

使用场景

  • 声明不会改变的常量(如配置值、数学常量)。
  • 引用类型需保持引用不变时(如 React 组件 props)。

letvar 对比

关键字 作用域 可重新赋值 提升 需初始化
var 函数作用域
let 块级作用域
const 块级作用域

通过合理使用 const,可以提升代码的可读性和安全性。

Js实现const

标签: Jsconst
分享给朋友:

相关文章

怎么用Js实现图片移动

怎么用Js实现图片移动

使用JavaScript实现图片移动 通过修改CSS属性实现移动 使用JavaScript动态修改图片的style.left和style.top属性可以实现移动效果。需要将图片的position属性设…

Js实现划词翻译

Js实现划词翻译

实现划词翻译的基本思路 划词翻译的核心是监听用户鼠标选中文本的事件,获取选中内容后调用翻译API,最后以弹窗等形式展示翻译结果。以下是具体实现方法: 监听文本选中事件 通过mouseup事件监听用户…

Js实现冰墩墩

Js实现冰墩墩

使用Canvas绘制冰墩墩 在JavaScript中,可以通过Canvas API绘制冰墩墩形象。以下是实现的基本代码框架: const canvas = document.getElementBy…

Js实现reset

Js实现reset

使用 HTMLFormElement.reset() 方法 通过 JavaScript 直接调用表单的 reset() 方法可以重置表单内的所有输入字段为初始值: document.getElem…

Js实现utext

Js实现utext

JavaScript 实现 UText(用户文本处理) 在 JavaScript 中实现 UText(User Text)处理通常涉及文本操作、格式化或自定义功能。以下是几种常见的实现方法: 字符串…