ES6用let/const替代var实现块级作用域,解决变量提升等问题;箭头函数无this绑定;解构赋值支持默认值与嵌套;Map/Set提供任意键类型与高效去重。

let 和 const 彻底改写变量管理逻辑
ES6 之前用 var,常遇到变量提升、作用域混乱、意外覆盖等问题。现在必须用 let(可重新赋值)和 const(地址不可变),它们只在块级作用域(如 if、for、函数体)内有效。
-
let不允许重复声明,且访问未声明变量会直接报ReferenceError,不是undefined -
const声明时必须初始化;对对象/数组,改内部属性合法,但obj = {}或arr = []会报错 - 别再写
var i = 0循环了——for (let i = 0; i 每次迭代的i都是独立绑定,闭包中不会全变成 5
=> 箭头函数让回调更干净,但也悄悄改了 this
它不是语法糖,而是语义变更:没有自己的 this、arguments、super 或 new.target,全部继承自外层作用域。
立即学习“Java免费学习笔记(深入)”;
- 适合写
map/filter回调:[1,2,3].map(x => x * 2) - 不适合当对象方法:
obj = { name: 'A', getName: () => this.name }中this指向全局或undefined(严格模式) - 不能用
new调用,也没有prototype
const { a, b } = obj 解构赋值不只是省代码,更是防御性编程
它把“取值 + 默认 + 别名 + 嵌套”一次写清,避免一连串 obj?.a?.b || 'default'。
- 对象解构支持默认值:
const { name = '游客', age: userAge = 18 } = data - 函数参数可直接解构:
function connect({ host = 'localhost', port }) { ... },调用时传对象即可 - 注意陷阱:解构时右边必须是可遍历对象,
let {x} = null会抛TypeError - 数组解构支持跳位:
const [first, , third] = ['a','b','c']→first='a',third='c'
Map 和 Set 替代了部分 Object 和 Array 的低效操作
Object 的 key 只能是字符串或 Symbol,而 Map 允许任意类型作 key(比如用 DOM 元素当 key 存缓存)。
-
Map查找复杂度稳定 O(1),Object在大量 key 时可能退化 -
Set天然去重:[...new Set([1,1,2,2])] → [1,2],比filter((v,i,a)=>a.indexOf(v)===i)快得多 -
Map.prototype.keys()返回迭代器,可直接用于for...of,不用Object.keys()再map
有些特性看似小,比如模板字符串里的换行或 ${expr},但它们让动态 HTML 和日志调试不再需要拼接加号;有些则埋着深坑,比如 const 对引用类型的“表面不可变”。真正在意代码健壮性的人,不会只记语法,而会盯住这些边界行为。











