当前位置:首页 > JavaScript

js const实现

2026-04-06 12:25:31JavaScript

const 的基本概念

在 JavaScript 中,const 用于声明一个常量,其值在初始化后不能被重新赋值。const 声明的变量具有块级作用域,类似于 let

const 的特性

const 声明的变量必须在声明时初始化,否则会报错。尝试重新赋值会导致 TypeError。

const PI = 3.14159;
PI = 3.14; // TypeError: Assignment to constant variable.

const 与对象和数组

虽然 const 声明的变量不能被重新赋值,但如果变量是对象或数组,其属性或元素可以被修改。

const person = { name: 'Alice' };
person.name = 'Bob'; // 允许修改属性
person = {}; // TypeError: Assignment to constant variable.

const numbers = [1, 2, 3];
numbers.push(4); // 允许修改数组
numbers = []; // TypeError: Assignment to constant variable.

const 的作用域

const 声明的变量具有块级作用域,只在声明它的块或子块中有效。

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

const 与循环

在循环中使用 const 时,每次迭代都会创建一个新的块级作用域,因此可以安全地在循环中使用。

js const实现

for (const i = 0; i < 5; i++) {
    // 报错,因为 i 不能被重新赋值
}

for (const item of [1, 2, 3]) {
    console.log(item); // 1, 2, 3
}

const 的最佳实践

  • 优先使用 const 而不是 letvar,除非需要重新赋值。
  • 使用 const 可以避免意外的变量重新赋值,提高代码的可维护性。
  • 对于不会改变的引用类型(如对象或数组),使用 const 可以确保引用不变,但内部状态仍可修改。

const 的注意事项

  • const 不保证变量的值不可变,只是变量名不能被重新赋值。
  • 如果需要完全不可变的对象,可以使用 Object.freeze() 或其他不可变库。

标签: jsconst
分享给朋友:

相关文章

js实现倒计时

js实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时功能可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是几种常见的实现方式: 使用 setInterva…

vue实现js休眠

vue实现js休眠

Vue 中实现 JavaScript 休眠 在 Vue 中实现 JavaScript 休眠通常需要使用异步方式,以避免阻塞主线程。以下是几种常见方法: 使用 setTimeout 和 Promise…

js实现自举

js实现自举

实现 JavaScript 自举的方法 JavaScript 自举(Bootstrap)通常指通过 JavaScript 动态加载自身或依赖的脚本,实现运行时环境的初始化或扩展。以下是几种常见实现方式…

js实现图片

js实现图片

图片加载与显示 在JavaScript中,可以通过Image对象动态加载图片。创建实例后设置src属性触发加载,通过onload回调处理加载完成后的操作: const img = new Ima…

js实现搜索

js实现搜索

实现搜索功能的方法 在JavaScript中实现搜索功能可以通过多种方式完成,以下是几种常见的实现方法。 使用数组的filter方法 通过数组的filter方法可以筛选出符合条件的数据项。假设有一个…

js实现导航菜单

js实现导航菜单

使用HTML和CSS创建基础结构 导航菜单的基础结构通常由HTML的无序列表(<ul>)和列表项(<li>)组成,每个列表项包含一个链接(<a>)。CSS用于样式化…