复制代码
const sum = (a, b) => a + b;
2.3 模板字符串(Template Literals)利用反引号 ` 和 ${} 语法进行字符串拼接和多行文本书写:
javascript
复制代码
const name = 'Alice'; console.log(`Hello, ${name}!`);
2.4 解构赋值(Destructuring Assignment)解构赋值许可快速提取工具或数组中的值,简化代码书写。
javascript
复制代码
// 数组解构 const [x, y] = [1, 2]; // 工具解构 const { name, age } = { name: 'Alice', age: 25 };
2.5 扩展运算符(Spread & Rest Operator)利用 ... 操作符用于函数参数、数组合并、工具拷贝等。
javascript
复制代码
// 数组合并 const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const merged = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6] // 函数参数 function sum(...args) { return args.reduce((acc, curr) => acc + curr, 0); }
2.6 模块化(Modules)ES6 引入了模块化标准,利用 import 和 export 来组织代码。
export 导出模块。import 引入模块。javascript
复制代码
// math.js export const add = (a, b) => a + b; // main.js import { add } from './math.js'; console.log(add(2, 3)); // 5
2.7 Class(类)和继续ES6 供应了 class 语法来创建类,并支持类的继续,语法更贴近传统面向工具措辞。
javascript
复制代码
class Person { constructor(name) { this.name = name; } greet() { console.log(`Hello, ${this.name}`); } } class Student extends Person { constructor(name, age) { super(name); this.age = age; } } const student = new Student('Alice', 20); student.greet(); // Hello, Alice
2.8 Promise 和异步操作Promise 是用于处理异步操作的新办法,办理了回调地狱的问题。合营 async/await 可以更加直不雅观地书写异步代码。
javascript
复制代码
const fetchData = () => { return new Promise((resolve, reject) => { setTimeout(() => resolve('Data fetched'), 1000); }); }; fetchData().then((data) => console.log(data));
2.9 Symbol 和 Set、Map引入了 Symbol 作为独特的标识符,以及 Set 和 Map 作为新的数据构造:
Symbol:创建唯一标识符,避免属性冲突。Set:无重复值的凑集。Map:键值对的凑集,键可以是任意类型。javascript
复制代码
const set = new Set([1, 2, 3, 3, 4]); console.log(set); // Set { 1, 2, 3, 4 }
2.10 默认参数和解构ES6 支持在函数定义时直接给参数设置默认值,也支持在参数中利用解构赋值:
javascript
复制代码
function greet(name = 'Guest') { console.log(`Hello, ${name}`); } greet(); // Hello, Guest
总结HTML:紧张卖力页面的构造、语义化、布局和多媒体处理。ES6:提高了 JavaScript 的开拓效率和可读性,尤其是模块化、异步编程和数据处理办法的革