ES6 常用语法速查表
把 ES6+ 现代 JavaScript 最常用的语法整理成速查,写代码时对照查。
返回 编程语言变量与函数 6
let x = 1块级作用域变量
const PI = 3.14块级作用域常量
const fn = (x) => x * 2箭头函数
const fn = (x, y = 1) => x + y默认参数
const fn = (...args) => args剩余参数
fn(...[1, 2, 3])展开运算符
解构赋值 5
const [a, b] = [1, 2]数组解构
const { name, age } = user对象解构
const { name: userName } = user解构重命名
const [a, ...rest] = [1, 2, 3]解构+剩余
function fn({ name, age = 18 }) {}函数参数解构
异步编程 6
new Promise((resolve, reject) => {})创建 Promise
promise.then().catch().finally()链式调用
Promise.all([p1, p2])并行执行所有
Promise.race([p1, p2])取最快完成的
async function fn() { await promise }async/await
try { await fn() } catch (e) {}错误处理
模块化 6
export const fn = () => {}命名导出
export default fn默认导出
import { fn } from "./module"命名导入
import fn from "./module"默认导入
import * as mod from "./module"导入所有
import("./module").then(mod => {})动态导入
类与数据结构 8
class User { constructor() {} }类定义
class Admin extends User {}继承
const map = new Map()Map(键可以是对象)
const set = new Set([1, 2, 3])Set(去重)
for (const [k, v] of map) {}遍历 Map
Array.from(set)Set 转数组
Symbol("id")唯一标识符
for (const item of iterable) {}迭代器协议
💡 提示
- const 声明的对象/数组内容仍可修改,只是引用不可变。
- 箭头函数没有自己的 this,继承外层作用域。
- async/await 是 Promise 的语法糖,错误用 try/catch 捕获。