[!info] related notes

• 所属 MOC: javascript-moc
• 相关概念: ecmascript-module-pattern, javascript-in-browser, javascript-in-nodejs, http-and-frontend-networking-moc
• 子主题地图: javascript-in-browser-moc, javascript-in-nodejs-moc
• 相关构建: javascript-build-and-electron-packaging

JavaScript的工程化与运行时

这篇笔记是语言之外的阶段总览：当你不再只学语法，而开始写真实项目时，知识会从 ECMAScript 扩展到宿主环境和工程组织方式。

这一阶段在学什么

前面更偏语言核心：

• 语法与执行上下文
• 对象模型
• 异步表达

到了这里，重点变成：

• 代码怎么拆模块
• 浏览器里怎么加载脚本、操作页面、收发请求
• Node.js 里怎么运行脚本和处理 I/O
• 工程工具怎样围绕这些能力组织项目

四条主线

1. 模块化

• 入口：ecmascript-module-pattern
• 原子语法：es6-module-import-export
• 历史模块：commonjs-amd-umd

2. 浏览器运行时

• 地图：javascript-in-browser-moc
• 总览：javascript-in-browser
• 细分：javascript-dom、javascript-bom、javascript-events、window-object

3. 网络请求与通信

• 入口：http-and-frontend-networking-moc
• 对比：frontend-http-requests-xhr-fetch-axios
• 概念：ajax、xhr、fetch-api
• 实时通信：realtime-communication-sse-websocket-polling

4. Node.js 运行时

• 地图：javascript-in-nodejs-moc
• 总览：javascript-in-nodejs
• 相关：js-event-loop、nodejs-moc

5. 构建与打包

• 构建链路：javascript-build-and-electron-packaging
• 通用工具：bundling-tools、vite-overview、webpack-build-process
• Electron 入口：electron-moc

一句话结论

JavaScript 语言本身不等于浏览器 API，也不等于 Node.js API。

真正让它在项目里“能做事”的，是宿主环境和工程组织方式。

Related notes

• javascript-moc
• ecmascript-module-pattern
• javascript-in-browser
• javascript-in-nodejs