当前位置:首页 > 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仅保证变量绑定的内存地址不变,不保证内部属性不变

Js实现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'; // 静默失败(严格模式下报错)

命名规范

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

Js实现const

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

临时死区(TDZ)

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

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

浏览器兼容性

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

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

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

标签: Jsconst
分享给朋友:

相关文章

Js实现reset

Js实现reset

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

Js实现allkeys

Js实现allkeys

实现 allKeys 方法 在 JavaScript 中,allKeys 方法通常用于获取对象的所有可枚举属性(包括原型链上的属性)。以下是几种实现方式: 使用 for...in 循环 通过…

Js实现划词翻译

Js实现划词翻译

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

Js实现reset

Js实现reset

重置表单元素 在JavaScript中重置表单可以通过调用表单元素的reset()方法实现。该方法会将所有表单控件恢复到初始值。 document.getElementById('myForm').…

Js实现utext

Js实现utext

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