javascript

复制代码

const sum = (a, b) => a + b;

2.3 模板字符串(Template Literals)

利用反引号 ` 和 ${} 语法进行字符串拼接和多行文本书写:

html5光影效果HTML 与 ES6 是前端开辟的两年夜焦点技巧 Java

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 的开拓效率和可读性,尤其是模块化、异步编程和数据处理办法的革