js es6语法

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

// 1. 箭头函数 (Arrow Functions)
// 传统函数表达式：
var oldFunction = function(x) {
  return x * 2;
};

// ES6 箭头函数：
const newFunction = x => x * 2;

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

// 2. 解构赋值 (Destructuring Assignment)
// 传统方式：
var obj = { a: 1, b: 2, c: 3 };
var a = obj.a;
var b = obj.b;
var c = obj.c;

// ES6 解构赋值：
const { a, b, c } = obj;

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

// 3. 模板字符串 (Template Literals)
// 传统字符串拼接：
var name = "World";
var greeting = "Hello, " + name + "!";

// ES6 模板字符串：
const name = "World";
const greeting = `Hello, ${name}!`;

// 解释：模板字符串使用反引号 (`)，可以嵌入表达式，并支持多行字符串。

// 4. let 和 const
// var 关键字存在变量提升和作用域问题：
var x = 10;
if (true) {
  var x = 20; // 这里的 x 会覆盖外部的 x
}

// 使用 let 和 const 可以避免这些问题：
let y = 10;
if (true) {
  let y = 20; // 这里的 y 不会覆盖外部的 y
}

// 解释：let 定义块级作用域变量，const 定义不可重新赋值的常量。

// 5. 类 (Classes)
// 传统构造函数：
function Person(name) {
  this.name = name;
}

Person.prototype.sayHello = function() {
  console.log("Hello, " + this.name);
};

// ES6 类：
class Person {
  constructor(name) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, ${this.name}`);
  }
}

// 解释：类提供了一种更直观的方式定义对象和继承关系。