js es6新特性

// ES6新特性示例代码

// 1. 箭头函数 (Arrow Functions)
// 传统函数写法
function multiply(a, b) {
  return a * b;
}

// 使用箭头函数
const multiply = (a, b) => a * b;

// 解释: 箭头函数提供了一种更简洁的函数书写方式，特别是在处理简短的回调函数时非常有用。

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

// 传统方式获取对象属性
const name = person.name;
const age = person.age;

// 使用解构赋值
const { name, age, location } = person;

// 解释: 解构赋值可以从数组或对象中提取数据，并直接赋值给变量，简化了代码。

// 3. 模板字符串 (Template Literals)
const greeting = `Hello, my name is ${person.name} and I am ${person.age} years old.`;

// 解释: 模板字符串允许使用反引号（`）来创建多行字符串，并且可以嵌入表达式，增强了字符串操作的灵活性。

// 4. 默认参数 (Default Parameters)
function greet(name = 'Guest') {
  console.log(`Hello, ${name}`);
}

greet(); // 输出: Hello, Guest
greet('Alice'); // 输出: Hello, Alice

// 解释: 默认参数允许在函数定义中为参数设置默认值，当调用函数时未传递参数时，会自动使用默认值。

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

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

// 解释: 扩展运算符用于将数组或对象展开成独立的元素，常用于数组合并、函数调用等场景。

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

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

class Dog extends Animal {
  constructor(name) {
    super(name);
  }

  speak() {
    console.log(`${this.name} barks.`);
  }
}

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

// 解释: ES6引入了类的概念，提供了更简洁的面向对象编程语法。通过`extends`关键字可以实现继承。