当前位置:首页 > JavaScript

Js实现const

2026-03-13 19:29:11JavaScript

在JavaScript中,const是用于声明常量的关键字,其特点如下:

const的基本特性

  • 声明时必须初始化,否则会抛出语法错误
  • 不能重复声明同名变量
  • 块级作用域(与let相同)
  • 不允许重复赋值
const PI = 3.14159;
PI = 3.14; // 报错:Assignment to constant variable

const与对象/数组

对于引用类型,const仅保证变量绑定的内存地址不变,不保证内部属性不变

const obj = { name: 'John' };
obj.name = 'Mike'; // 允许修改属性
obj = {}; // 报错:试图改变绑定

const arr = [1, 2];
arr.push(3); // 允许修改数组内容
arr = []; // 报错

不可变对象的实现

如需完全不可变对象,可使用以下方法:

const obj = Object.freeze({ name: 'John' });
obj.name = 'Mike'; // 静默失败(严格模式下报错)

命名规范

常量通常使用全大写加下划线命名(非强制)

const MAX_SIZE = 100;
const API_ENDPOINT = '/data';

临时死区(TDZ)

与let相同,const存在暂时性死区,声明前访问会报错

console.log(VAL); // ReferenceError
const VAL = 1;

浏览器兼容性

所有现代浏览器均支持const,包括:

Js实现const

  • Chrome 21+
  • Firefox 36+
  • Edge 12+
  • Safari 5.1+
  • Opera 12+

在旧版浏览器中(如IE10及以下),建议使用var替代或通过Babel等工具转译

标签: Jsconst
分享给朋友:

相关文章

Js实现划词翻译

Js实现划词翻译

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

Js实现冰墩墩

Js实现冰墩墩

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

Js实现const

Js实现const

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

怎么用Js实现图片移动

怎么用Js实现图片移动

使用CSS和JavaScript实现图片移动 通过修改图片的CSS属性(如left、top或transform)可以实现图片移动效果。以下是两种常见方法: 方法一:通过修改left和top属性 假设…

Js实现划词翻译

Js实现划词翻译

划词翻译的实现思路 划词翻译功能可以通过监听用户鼠标选中文本的事件,获取选中的文本内容,然后调用翻译API进行翻译,最后将翻译结果显示在页面上。 获取选中文本 通过window.getSelecti…

Js实现utext

Js实现utext

实现 UText 的基本方法 使用 JavaScript 实现 UText(Unicode 文本处理)可以通过多种方式完成,具体取决于需求。以下是几种常见实现方式: 创建基础 UText 对象:…