ES6新语法速成：模板字符串、默认参数等实用技巧

本文档介绍了ES6（ECMAScript 2015）新语法的基础和常用特性，旨在帮助IT新人快速掌握并上手。以下将详细讲解文档中提到的几个关键概念： 1. **模板字符串** (Template literals) - ES6引入了模板字符串，使用反引号(``)来创建可嵌入表达式的字符串。例如，`const name = '段浩';` 通过 `${name}` 和 `${aa}` 的形式可以方便地插入变量值，使得字符串拼接更加直观和简洁。 2. **默认参数** (Default Parameters) - 函数的参数可以设置默认值，当调用函数时没有提供对应的参数值时，会使用这些默认值。如 `function fn(aa = 'xiao', age = 18)`, 可以看到 `fn()` 调用时会使用默认值 `xiao` 和 `18`。 3. **扩展运算符** (Spread Operator) - `...` 扩展运算符用于合并数组或对象。在`const d = [a, b, c];`中，`[a, b, c]` 和 `[1, 2, 3, 4]` 合并后，`d` 中包含了两个数组的所有元素。这对于数组操作和函数参数的处理非常实用。 4. **剩余参数** (Rest Parameters) - `...args` 是剩余参数语法，当函数接收不定数量的参数时，这些参数会被收集到一个数组中。如 `function fn(a, b)`，调用 `fn(1, 2, 3, 4, 5)` 时，`a` 将是 `1`，而 `b` 将是剩余参数 `[2, 3, 4, 5]`。 5. **Object keys and values** (对象键值) - `Object.keys(obj)` 和 `Object.values(obj)` 分别用于获取对象的键名数组和值数组。在 `const data = { ... }` 的例子中，`Object.keys(data)` 返回 `['name', 'age', 'big']`，`Object.values(data)` 则返回 `['段浩', 12, '大']`。 这些ES6新语法特性简化了代码编写，提高了代码的可读性和灵活性，对于提升开发效率和代码质量具有重要意义。熟练掌握它们有助于新手更快地适应现代JavaScript编程环境，并为后续的项目开发打下坚实的基础。