ES6基本语法

ES6（ES2015）是JavaScript的一种版本，在2015年发布。ES6引入了很多新的语法和特性，包括箭头函数、let和const关键字、模板字符串、析构、类和模块等。下面简单介绍一下ES6的基本语法。

1、let和const

ES6引入了let和const关键字来声明变量。let用于声明其作用域限制在块级别（花括号{}内），const用于声明常量。

let a = 1;
const PI = 3.1415926;

2、箭头函数

箭头函数是一种更简洁的函数表达式。它使用箭头（=>）来定义函数，可以省略“function”和“return”关键字。

// ES5的写法
var sum = function(a, b) {
  return a + b;
};

// ES6的写法
let sum = (a, b) => a + b;

3、模板字符串

模板字符串允许直接在字符串中嵌入变量和表达式，可以使用反引号（``）和${}来实现。

// ES5的写法
var name = "Alice";
var greeting = "Hello, " + name + "!";

// ES6的写法
let name = "Alice";
let greeting = `Hello, ${name}!`;

4、析构

析构是一种从数组或对象中提取数据的方法，可以更快速和方便地获取需要的数据。

// 数组析构
let [a, b, c] = [1, 2, 3];
console.log(a, b, c); // 输出：1 2 3

// 对象析构
let {name, age} = {name: "Alice", age: 20};
console.log(name, age); // 输出：Alice 20

5、类和继承

ES6引入了class关键字来定义类和继承。

class Animal {
  constructor(name) {
    this.name = name;
  }
  sayHello() {
    console.log(`Hi, I'm ${this.name}.`);
  }
}

class Cat extends Animal {
  constructor(name) {
    super(name);
  }
  sayHello() {
    console.log(`Meow, I'm ${this.name}.`);
  }
}

let cat = new Cat("Kitty");
cat.sayHello(); // 输出：Meow, I'm Kitty.

6、模块

ES6引入了模块的概念，使得JavaScript可以更好地进行代码组织和管理。

// 导出
export function add(x, y) {
  return x + y;
}

// 导入
import {add} from './math.js';

console.log(add(1, 2)); // 输出：3

ES6还引入了许多其他的新特性，如迭代器、生成器、Promise、async/await等。使用这些特性可以使得代码更加简洁、易于维护和阅读。