JavaScript ES6 简介

JavaScript ES6，也被称为 ECMAScript 2015，是 JavaScript 编程语言的一次重大更新。它引入了许多新的特性和语法，旨在使代码更加简洁、易读和高效。以下是 ES6 中的一些关键特性：

1. let 和 const

let 和 const 是用来声明变量的关键字。它们与 var 的主要区别在于作用域和提升行为。

let 声明的变量具有块级作用域，而 var 声明的变量具有函数级作用域。
const 声明的变量一旦赋值，其值就不能被改变。

let a = 10;
const b = 20;

// a 可以被重新赋值
a = 20;

// b 的值不能被改变
// b = 30; // 报错

2. 箭头函数

箭头函数提供了一种更简洁的方式来定义函数。

// 传统函数
function add(a, b) {
  return a + b;
}

// 箭头函数
const add = (a, b) => a + b;

3. 模板字符串

模板字符串允许你创建包含变量的字符串，并且可以轻松地插入换行和表达式。

const name = "张三";
const age = 30;

console.log(`我的名字是 ${name}，今年 ${age} 岁。`);

4. 解构赋值

解构赋值允许你一次性从对象或数组中提取多个值。

const person = {
  name: "李四",
  age: 25
};

const { name, age } = person;

console.log(name); // 输出：李四
console.log(age); // 输出：25

5. Promise

Promise 是一种用于异步编程的机制，它允许你以更简洁的方式处理异步操作。

function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      resolve("数据获取成功");
    }, 1000);
  });
}

fetchData().then(data => {
  console.log(data); // 输出：数据获取成功
});

6. 模块化

ES6 引入了模块化，使得代码组织和管理更加方便。

// math.js
export function add(a, b) {
  return a + b;
}

// main.js
import { add } from './math.js';

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

更多关于 JavaScript ES6 的内容，请访问本站 ES6 教程。