JavaScript高级——ES6基础入门

ES6（ECMAScript 2015）是JavaScript语言的一个重要版本，它引入了许多新特性，如类、模块、箭头函数、let和const命令等，以下是一些基本的ES6特性的示例代码：

1. 类（Class）:

class Person {
  constructor(name) {
    this.name = name;
  }
 
  greet() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}
 
const person = new Person('Alice');
person.greet(); // 输出: Hello, my name is Alice!

2. 模块（Module）:

// math.js
export function add(a, b) {
  return a + b;
}
 
export function subtract(a, b) {
  return a - b;
}
 
// main.js
import { add, subtract } from './math.js';
 
console.log(add(5, 3)); // 输出: 8
console.log(subtract(5, 3)); // 输出: 2

3. 箭头函数（Arrow Function）:

const sum = (a, b) => a + b;
console.log(sum(3, 4)); // 输出: 7

4. let和const命令:

let x = 5;
x = 10; // 正确
console.log(x); // 输出: 10
 
const y = 5;
// y = 10; // 错误：常量不能重新赋值
console.log(y); // 输出: 5

5. 解构赋值（Destructuring Assignment）:

let [a, b, c] = [1, 2, 3];
console.log(a); // 输出: 1
console.log(b); // 输出: 2
console.log(c); // 输出: 3
 
let { x, y } = { x: 1, y: 2 };
console.log(x); // 输出: 1
console.log(y); // 输出: 2

6. 扩展运算符（Spread Operator）:

const numbers = [1, 2, 3];
const clone = [...numbers];
console.log(clone); // 输出: [1, 2, 3]
 
const merged = [...numbers, 4, 5];
console.log(merged); // 输出: [1, 2, 3, 4, 5]

这些示例展示了ES6的一些基本特性，实际开发中，你可以根据需要使用更多的ES6特性，如Promise、Set和Map、Iterable、Generator等。