let、const【ES6】

‌"我唯一知道的就是我一无所知。" - 苏格拉底

目录

块级作用域:

块级作用域指由 {} 包围的代码块(如 if、for、while、单独代码块等)形成的独立作用域,‌ES6‌ 的 let 和 const 声明的变量仅在当前块内有效。在代码块内部声明的变量只能在该代码块内访问。

var、let、const的对比:

特性 var let const
作用域 函数作用域(在函数内部使用var声明)/ 全局作用域(在函数外/没有被任何函数包围) 块级作用域 块级作用域
重复声明 允许在同一个作用域多次声明一个变量 不能(会报错) 不能(会报错)
变量提升 存在(初始为undefined) 不存在传统意义上的变量提升 不存在传统意义上的变量提升
暂时性死区(TDZ) 不存在 存在‌ 存在
重新赋值 必须初始化且一旦赋值后就不能改变其值 【1】
全局对象的属性【与顶层对象挂钩】 声明的全局变量会成为window对象的属性 在全局作用域声明的变量不会成为window的属性,即window.let声明的变量打印出来是undefined 与let同理

解释【1】 :但是const如果声明的是一个对象(数组)那么对象或数组的内容是可以被修改的。这意味着我们可以添加、删除或更改对象属性,或者向数组中添加、删除或修改元素。但是,我们不能将const变量重新指向一个新的对象或数组。const 保证对象的引用不便,而不是值不变。
举例:

javascript 复制代码
const myobj = {
      name: 'ssy',
      age: 18
    }
    myobj.name = 'kitty'
    console.log(myobj);

打印结果:

如果我就是不想让它改变呢?

可以使用我们的 Object.freeze() Object.freeze()方法,它用于创建一个不可变的对象‌。

Object.freeze():

Object.freeze()方法会冻结一个对象,冻结之后不能向这个对象添加新的属性,不能修改其已有属性的值,也不能删除已有属性。该方法返回被冻结的对象本身‌。Object.freeze()冻结的是对象的值,而不是变量的引用

注意:对于嵌套对象,Object.freeze()只会冻结第一层属性,而不会递归冻结。

javascript 复制代码
const myobj = Object.freeze({
      name: 'ssy',
      age: 18
    })
    myobj.name = 'kitty'
    console.log(myobj);
相关推荐
海兰7 小时前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(三)
javascript·python·金融
小磊哥er8 小时前
深入解构Claude Code - 第 7 篇 · 连接外面的世界
javascript·ai编程
小磊哥er9 小时前
深入解构Claude Code - 第 6 篇 · 终端里的图形界面
javascript·ai编程
海兰9 小时前
【应用】基于 Next.js 16 + Python mplfinance的金融K线图与技术指标可视化平台(一)
javascript·python·金融
可乐鸡翅yeah_10 小时前
hls.js 内存泄漏实战排查,直播 M3U8 长时间播放异常定位方案
开发语言·javascript·python·django·ecmascript·m3u8·m3u8在线
可乐鸡翅yeah_10 小时前
第三方接口对接 M3U8 流媒体排坑实战,解决外部服务商流兼容难题
前端·javascript·python·django·html·m3u8·m3u8在线
默_笙10 小时前
🏠 「LLM Notes」:我用 Next.js + Redis 给自己造了个笔记博客
前端·javascript
ruanCat12 小时前
Prettier 明明执行成功,Markdown 为什么还是没变?一次插件误诊复盘
前端·javascript·node.js
软件开发技术深度爱好者12 小时前
在线学习实践 TypeScript 的官方Playground(演练场)使用介绍
javascript·学习·typescript
小磊哥er14 小时前
深入解构Claude Code - 第 5 篇 · 每次提问都给 AI 塞了什么资料
javascript·ai编程