JavaScript 学习手册

免费学习 完整知识体系 快速检索

JavaScript学习手册《ES Modules(ES6 模块)》:ES Modules 是 JavaScript 官方的模块系统,使用 `import` 和 `export` 关键字。 **导出(export):** ```javascript // 命名导出 export const name = '...

模块化

ES Modules(ES6 模块)

【详细说明 & 代码示例】
ES Modules 是 JavaScript 官方的模块系统,使用 `import` 和 `export` 关键字。 **导出(export):** ```javascript // 命名导出 export const name = 'Alice'; export function greet() { return 'Hello'; } // 默认导出(每个文件只能有一个) export default class Person { constructor(name) { this.name = name; } } ``` **导入(import):** ```javascript // 导入命名导出 import { name, greet } from './module.js'; // 导入默认导出 import Person from './module.js'; // 混合导入 import Person, { name, greet } from './module.js'; // 重命名 import { greet as sayHi } from './module.js'; // 全部导入 import * as Module from './module.js'; ``` **动态导入(ES2020):** ```javascript const module = await import('./module.js'); ``` **使用在 HTML 中:** ```html import { greet } from './app.js'; console.log(greet()); ``` **注意:** ES Modules 默认启用严格模式,且具有模块作用域。

学习提示:建议打开浏览器开发者工具(F12)中的 Console 面板,直接运行代码片段,实时查看输出,加深理解。

全部章节目录(共 48 个知识点)

JavaScript 基础 (1个知识点)

字符串 (1个知识点)

日期与时间 (1个知识点)

错误处理 (1个知识点)

BOM 操作 (1个知识点)

异步编程 (1个知识点)

Promise (1个知识点)

async/await (1个知识点)

Ajax 与请求 (1个知识点)

模块化 (1个知识点)

(1个知识点)

闭包 (1个知识点)

作用域 (1个知识点)

正则表达式 (1个知识点)

框架与库基础 (2个知识点)

使用说明

  • • 本手册涵盖 JavaScript 从基础到 ES6+ 及 Web API 的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议打开浏览器开发者工具(F12)的 Console 面板运行代码,加深理解