极简三分钟ES6 - const声明

基础特性

声明时必须赋值 const 声明的变量必须在定义时初始化,否则报错

js 复制代码
const PI; // 报错!未初始化
const PI = 3.14; // 正确 

这一点与 letvar 不同(它们可以先声明后赋值)

变量名绑定不可变(基本类型)

const 声明基本类型(数字、字符串、布尔值)时,值不可修改

js 复制代码
const MAX = 100;
MAX = 200; // 报错!常量值不可变

如果强行修改,浏览器会直接抛出错误

引用类型的特殊行为

常量指向的地址不变,但属性可修改

const 声明对象或数组时,变量保存的是内存地址(类似门牌号)。

  • 门牌号不可变 → ❌ 不能重新赋值整个对象
  • 屋内的家具可调整 → ✅ 可修改对象属性或数组元素
js 复制代码
const person = { name: "小明" };
person.name  = "小红"; // 允许!修改属性
person = { age: 18 }; // 报错!禁止更换对象 

彻底冻结对象的方法 若需完全禁止修改对象,可使用 Object.freeze()

js 复制代码
const obj = Object.freeze({  key: "值" });
obj.key  = "新值"; // 修改无效(严格模式下报错)

注意:freeze 只能冻结第一层属性,嵌套对象仍需递归处理

其他规则

块级作用域

let 一致,const 只在 {} 内有效

js 复制代码
if (true) {
  const x = 10;
}
console.log(x);  // 报错!x 未定义 

禁止重复声明 & 存在暂时性死区(TDZ)

  • 同作用域内不可重复声明:const a=1; const a=2; // 报错
  • 声明前访问会触发死区报错
js 复制代码
console.log(a);  // 报错!死区限制
const a = 5;

对比 const vs let vs var

特性 const let var
作用域 块级作用域 块级作用域 函数/全局作用域
重复声明 ❌ 禁止 ❌ 禁止 ✅ 允许
声明时初始化 ✅ 必须 ❌ 可选 ❌ 可选
值可变性 ❌ 基本类型不可变 ✅ 引用属性可修改 ✅ 可随意修改 ✅ 可随意修改

何时用 const

  • 声明后永不改变的标识符(如数学常数、配置项)
  • 引用类型数据(如对象、数组)需保持引用不变时
  • 替代 var 避免意外覆盖

牢记

"const 认门牌:安家即落户(必须初始化),门牌永不换(绑定地址),屋里随便改(属性可调)。"

相关推荐
尘中客1 小时前
放弃 Echarts?前端直接渲染后端高精度 SVG 矢量图流的踩坑记录
前端·javascript·echarts·前端开发·svg矢量图·echarts避坑
FreeBuf_2 小时前
Chrome 0Day漏洞遭野外利用
前端·chrome
小彭努力中2 小时前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
2501_916007472 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
前端大波2 小时前
Sentry 每日错误巡检自动化:设计思路与上手实战
前端·自动化·sentry
Highcharts.js3 小时前
适合报表系统的可视化图表|Highcharts支持直接导出PNG和PDF
javascript·数据库·react.js·pdf
ZC跨境爬虫3 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构
慧一居士3 小时前
Vue项目中,何时使用布局、子组件嵌套、插槽 对应的使用场景,和完整的使用示例
前端·vue.js
叫我一声阿雷吧3 小时前
JS 入门通关手册(35):执行上下文、调用栈与作用域链深度解析
javascript·作用域链·js进阶·执行上下文·调用栈·变量提升·闭包原理
Можно4 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app