JavaScript如何利用新的ES6特性？

JavaScript ES6核心是用let/const替代var解决作用域与重复声明问题，解构赋值简化取值，箭头函数优化回调且继承外层this，模板字符串提升字符串可读性与表达力。

JavaScript利用ES6（ECMAScript 2015）特性，核心是用更简洁、安全、可读的方式表达逻辑，同时减少出错可能。不是所有新语法都要立刻用满，关键是理解哪些特性真正解决实际问题。

用let/const替代var，避免变量提升和重复声明

var存在变量提升（hoisting）和函数作用域问题，容易导致意外覆盖或undefined行为；let和const是块级作用域，且不允许重复声明，语义更清晰。
建议：默认用const，只在值需要重新赋值时用let；完全不用var。

• 循环中用let定义i，每次迭代都有独立绑定，避免闭包常见陷阱
• 对象、数组用const声明后，仍可修改其属性或元素——const限制的是绑定，不是值的不可变性

用解构赋值简化对象和数组取值

从函数返回值、API响应、配置对象中提取字段时，解构让代码更直观。支持默认值、重命名、嵌套解构。

• 函数参数直接解构：function log({name, age = 18}) { console.log(name, age); }
• 从API数据快速取值：const {data: {user: {id, email}}, status} = response;
• 交换变量不再需要临时变量：[a, b] = [b, a];

用箭头函数写简短回调，但注意this和arguments行为

箭头函数没有自己的this、arguments、super或new.target，它继承外层函数的this。适合用于map/filter等遍历操作，或事件处理中保持上下文。

• 避免在对象方法中误用：obj.method = () => this.value 里的this不是obj，而是定义时的外层this
• 不能作为构造函数，也不能用call/apply改变this
• 单参数且单表达式可省略括号和return：nums.map(x => x * 2)

用模板字符串替代拼接，支持多行和嵌入表达式

反引号（`）包裹的字符串可换行、插入变量和表达式，比+拼接更易读、不易出错。

• 嵌入任意JS表达式：`Hello ${user.name || 'Guest'}, you have ${items.length} items.`
• 配合标签函数实现简单模板引擎或SQL转义（如sql`SELECT * FROM users WHERE id = ${id}`）
• 多行HTML片段无需\n或+，缩进也保留在字符串中（可用.trim()清理）

ES6还包含Promise、模块化（import/export）、类（class）、扩展运算符（...）等重要特性，每项都针对特定场景优化。关键不是堆砌语法，而是根据团队习惯、运行环境兼容性（必要时用Babel转译）和可维护性做取舍。不复杂但容易忽略细节。