js es6

// ES6 引入了许多新特性，以下是几个常见的示例代码及其解释：

// 1. 箭头函数 (Arrow Functions)
// 传统函数写法
function greet() {
  return "Hello, world!";
}

// ES6 箭头函数写法
const greet = () => "Hello, world!";

// 解释：箭头函数提供了更简洁的语法，并且在处理 this 绑定时有更好的表现。

// 2. 解构赋值 (Destructuring Assignment)
const person = { name: 'Alice', age: 25 };

// 传统写法
const name = person.name;
const age = person.age;

// ES6 解构赋值写法
const { name, age } = person;

// 解释：解构赋值可以从对象或数组中提取数据并赋值给变量，使代码更加简洁。

// 3. 模板字符串 (Template Literals)
const name = "Bob";
const greeting = `Hello, ${name}!`;

// 解释：模板字符串允许使用反引号（``）包裹字符串，并且可以嵌入表达式，使用 ${expression} 语法。

// 4. 默认参数 (Default Parameters)
function multiply(a, b = 1) {
  return a * b;
}

// 解释：默认参数允许在函数定义时为参数指定默认值，当调用函数时没有传递该参数时会自动使用默认值。

// 5. let 和 const 关键字
// ES6 引入了 let 和 const 关键字来声明变量。
let count = 0;
count++; // 合法

const PI = 3.14;
// PI = 3.1415; // 错误，const 声明的变量不能重新赋值

// 解释：let 声明的变量具有块级作用域，而 const 声明的变量是常量，一旦赋值就不能再改变。

// 6. 类 (Classes)
class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

class Dog extends Animal {
  speak() {
    console.log(`${this.name} barks.`);
  }
}

const dog = new Dog('Rex');
dog.speak(); // 输出: Rex barks.

// 解释：ES6 引入了类的语法糖，简化了面向对象编程。类可以通过 extends 关键字继承其他类。

// 7. 扩展运算符 (Spread Operator)
const numbers = [1, 2, 3];
const moreNumbers = [...numbers, 4, 5, 6];

console.log(moreNumbers); // 输出: [1, 2, 3, 4, 5, 6]

// 解释：扩展运算符可以在数组或对象中展开元素，方便合并或复制。

// 8. Promise
const promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve("Done!"), 1000);
});

promise.then(result => console.log(result)); // 输出: Done!

// 解释：Promise 提供了一种更好的方式来处理异步操作，避免了回调地狱的问题。