Node.js和浏览器对JavaScript的支持区别

浏览器和Node.js 的区别主要体现在运行环境、API支持、模块机制等方面，以下是核心差异及验证方法：

一、核心差异对比

1. 全局对象不同
   • 浏览器：全局对象为 window，例如 alert()、document 等均挂载于此。
   • Node.js ：全局对象为 global，提供 process、Buffer 等服务器端专用API。
2. 内置API差异
   • 浏览器特有：DOM/BOM操作（如 document、location）、前端事件（如 fetch、WebSocket）等。
   • Node特有：文件系统（fs）、网络通信（http）、操作系统交互（os）等。
3. 模块加载机制
   • Node.js ：支持 require()（CommonJS）和 import（ES模块），可通过 npm 管理依赖。
   • 浏览器：原生仅支持ES模块（需通过 <script type="module"> 引入），需工具（如Webpack）转换CommonJS代码。
4. I/O操作能力
   • Node.js ：可直接读写本地文件（如 fs.readFile() ）。
   • 浏览器：受安全限制，需用户主动上传或通过API（如IndexedDB）间接操作。
5. 事件循环模型
   • 浏览器：宏任务（如 setTimeout）和微任务（如 Promise）按层级交替执行。
   • Node.js ：V11版本前宏任务优先级高于微任务，V11后与浏览器行为一致。
6. 运行环境定位
   • 浏览器：专注于客户端交互，需考虑多版本兼容性（如ES5降级）。
   • Node.js ：作为服务端环境，可固定版本运行，支持更现代的ES特性（如ES6+）。

二、如何验证详细区别？

1. 官方文档对照

   • 浏览器API参考：MDN Web Docs
   • Node.js API参考：Node.js官方文档

2. 环境检测代码
   在代码中判断对象是否存在：

   if (typeof window !== 'undefined') {
     console.log(' 浏览器环境');
   } else if (typeof global !== 'undefined') {
     console.log('Node.js 环境');
   }

3. 构建工具适配
   使用Browserify或Webpack将Node模块（如 require()）转换为浏览器兼容代码710。

三、已知差异示例

• 浏览器不支持：require()、fs、__dirname。
• Node.js 不支持：document、window、alert()。

通过上述方法可系统性掌握两者差异，建议根据实际开发场景选择环境及适配方案。