在项目中时常会用到 Modern Javascript Cheatsheet 上汇编的 Javascript 知识，它还给出了常见的代码示例。在 GitHub 上已经累积了一万多颗星。但中文翻译在 6 个月前就停止更新了。为此，Breword 翻译小组对文档最新版本进行了翻译...

2023-10-07 14:25:12

Modern JavaScript 速查表：提升 JavaScript 技能的宝贵工具

探索 JavaScript 的现代世界

JavaScript 已发展成为一种强大且多功能的语言，在 Web 开发、移动应用程序和桌面应用程序等领域得到了广泛应用。随着 ES6 及后续版本的出现，JavaScript 引入了许多新特性，这些特性极大地提高了它的可读性、可维护性和可扩展性。

什么是 Modern JavaScript 速查表？

Modern JavaScript 速查表是一个全面的资源，涵盖了 JavaScript 的各个方面，包括 ES6 及更高版本的最新特性。它是一个简洁明了的速查表，提供了必要的知识，以便在当前项目中快速查找和应用。

速查表的内容

速查表按不同的主题组织，涵盖以下内容：

基础知识： 变量、数据类型、运算符
数组和对象： 数组、对象、Map 和 Set
函数： 函数定义、箭头函数、回调
类：类、继承、多态
模块： 模块、导入和导出
异步编程： Promise、async/await
DOM 操作： 文档对象模型 (DOM) 操作
事件： 事件侦听器、事件冒泡
表单： 表单处理、表单验证
其他： 正则表达式、错误处理

速查表优势

Modern JavaScript 速查表提供了以下优势：

简洁明了： 只包含最重要的信息，不会让你不知所措。
结构清晰： 按主题组织，便于查找。
代码示例丰富： 提供大量代码示例，有助于理解概念。
持续更新： 随着 JavaScript 的发展不断更新，以确保信息准确。
开源免费： 在 GitHub 上免费提供，你可以下载或在线查看。

如何使用速查表

Modern JavaScript 速查表是一个有用的工具，可以帮助你快速查找所需的 JavaScript 信息。它可以用于以下目的：

快速复习 JavaScript 概念
在项目中查找特定信息
学习 JavaScript 的新特性
提高 JavaScript 技能

代码示例

// 箭头函数
const double = (x) => x * 2;

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

  greet() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

// 模块
import { double } from './math.js';
console.log(double(5)); // 10

// 异步编程
const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Data retrieved');
  }, 1000);
});

promise.then((data) => {
  console.log(data); // Data retrieved
});