当前位置:首页 > JavaScript

js const实现

2026-02-01 19:25:31JavaScript

在 JavaScript 中,const 用于声明一个常量,其值在初始化后不可重新赋值。以下是关于 const 的详细实现和使用说明:

基本语法

const 的声明方式与 let 类似,但必须在声明时初始化:

const PI = 3.14159;

不可重新赋值

使用 const 声明的变量不可重新赋值,否则会抛出错误:

const name = 'Alice';
name = 'Bob'; // TypeError: Assignment to constant variable

块级作用域

constlet 一样具有块级作用域,仅在声明所在的代码块内有效:

if (true) {
    const message = 'Hello';
    console.log(message); // 'Hello'
}
console.log(message); // ReferenceError: message is not defined

对象和数组的可变性

const 仅保证变量绑定的不可变性,而非对象或数组内容的不可变性。可以修改对象属性或数组元素:

const person = { name: 'Alice' };
person.name = 'Bob'; // 允许修改属性
person.age = 30; // 允许添加属性

const numbers = [1, 2, 3];
numbers.push(4); // 允许修改数组

暂时性死区

const 声明的变量也存在暂时性死区(TDZ),在声明前访问会抛出错误:

console.log(value); // ReferenceError: Cannot access 'value' before initialization
const value = 10;

全局和函数作用域

const 不会成为全局对象的属性(与 var 不同):

const globalConst = 'test';
console.log(window.globalConst); // undefined(在浏览器环境中)

最佳实践

  • 优先使用 const,除非需要重新赋值。
  • 对于需要保护的常量对象,可以使用 Object.freeze()
    const config = Object.freeze({ apiUrl: 'https://example.com' });
    config.apiUrl = 'new-url'; // 静默失败(严格模式下抛出错误)

注意事项

  • const 必须初始化,否则会报错:
    const x; // SyntaxError: Missing initializer in const declaration
  • 不可重复声明:
    const x = 1;
    const x = 2; // SyntaxError: Identifier 'x' has already been declared

const 是现代 JavaScript 开发中的首选声明方式,有助于减少意外修改导致的错误。

js const实现

标签: jsconst
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 或直接使用 window.location 实现页面跳转,适用于普通跳转或带参数的 URL。 //…

js实现打印

js实现打印

使用window.print()方法实现打印 在JavaScript中,可以通过调用window.print()方法直接触发浏览器的打印功能。这会打开系统的打印对话框,用户可以选择打印机和设置打印选项…

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-contain…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Paren…

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…