ES6是什么？它有哪些新特性？

ES6（ECMAScript 2015）不是一门新语言，而是JavaScript自2015年起全面落地的核心升级标准，已成为Vue、React、Node.js等现代开发的事实基础；它通过let/const解决var的变量提升与作用域泄漏问题，用箭头函数精准处理this绑定与闭包陷阱，借解构赋值+默认值+空对象兜底规避undefined错误，依托模板字符串和语义化字符串方法提升可读性与健壮性——真正掌握ES6，关键不在语法糖本身，而在于理解其设计意图，主动识别并防御那些潜伏在默认值缺失、嵌套解构断裂、箭头函数误用等场景中的“静默崩溃”风险。

ES6 不是“新语言”，而是 JavaScript 语言标准的正式升级版本（全称 ECMAScript 2015），它从 2015 年起成为现代前端开发的事实基础——你写的 Vue、React 组件，甚至 Node.js 后端逻辑，底层都默认按 ES6+ 规范运行。

let 和 const 怎么用？为什么不能继续用 var？

用 let 声明块级变量，const 声明不可重新赋值的常量。它们不提升、不重复声明、有暂时性死区（TDZ）——这是和 var 的本质区别。

• var 在 if 块里声明，会泄漏到外层；let/const 不会
• 没声明就访问 let 变量，报 ReferenceError（不是 undefined）
• const 声明对象后，可以改它的属性，但不能 = 赋新对象（地址不可变）
• 循环中用 var i + setTimeout 会全部输出 10；换成 let i 就各输出对应值

箭头函数 () => {} 真的只是写法更短吗？

不是。它没有自己的 this、arguments、super 或 new.target，而是继承外层函数作用域的这些值——这才是它解决实际问题的核心。

• 对象方法里写 setTimeout(() => console.log(this.name))，能正确打印对象名；传统函数会输出 undefined
• 不能用 new 调用箭头函数（它没有 [[Construct]] 内部方法）
• 没有 arguments，要用剩余参数 (...args) 替代
• 单参数且只有一条返回语句时可省括号和 return：x => x * 2

解构赋值怎么避免“undefined”陷阱？

解构是语法糖，但失败时直接给变量赋 undefined，容易引发后续错误（比如 undefined.name 报错）。

• 对象解构支持默认值：const { name = '游客', age } = user，只有 user.name === undefined 才触发
• null 或 undefined 本身被解构会报错，要先做存在性判断或用空对象兜底：const { name } = user || {}
• 嵌套解构要小心层级断裂：const { info: { city } } = user，如果 user.info 是 undefined，直接报错；可用 const { info = {} } = user; const { city } = info 拆开写
• 数组解构跳过元素用逗号：const [,, third] = arr

模板字符串和字符串新方法有哪些实用细节？

反引号 ` 不只是换行方便，它让字符串操作真正具备表达力；而 includes/startsWith/padStart 这类方法，比手写 indexOf !== -1 更安全、意图更明确。

• ${} 里放未声明变量会立即报 ReferenceError（不是运行时才错）
• "abc".includes(/a/) 报错，必须传字符串，正则得用 test()
• "5".padStart(3, "0") → "005"；但 "5".padStart(-1, "0") 会抛 RangeError
• repeat(NaN)、repeat("") 都等价于 repeat(0)，但 repeat(-1) 或 repeat(Infinity) 一定报错

真正卡住人的，往往不是“会不会用”，而是默认值没设、嵌套解构没兜底、箭头函数误当构造函数、或者在 for 循环里混用 var 和闭包——这些坑，ES6 没帮你绕开，只是给了更精准的工具去识别和防御。

好了，本文到此结束，带大家了解了《ES6是什么？它有哪些新特性？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！