如何判断一个 JS 文件是用于Node.js 还是普通浏览器？ - 前端面试题

在判断一个JavaScript文件是用于Node.js环境还是浏览器环境时，可以从以下几个方面进行分析：

模块系统:
- Node.js: 使用 require和 module.exports或者 import/export（在启用了ES模块的情况下）来处理模块。如果你看到这样的代码，很可能该文件是为Node.js环境编写的。例如:
```
javascript
const fs = require('fs');
module.exports = function() { /* ... */ };
```
- 浏览器: 传统的浏览器环境使用 <script>标签来加载JavaScript文件，而现代浏览器支持ES模块，使用 import/export。如果文件中存在如 document或 window这样的全局对象，说明它是为浏览器环境编写的。例如:
```
javascript
document.getElementById('example');
```
全局对象:
- Node.js: 具有特定的全局对象，如 global, process, __dirname和 __filename。如果代码中使用了这些对象，说明它是为Node.js环境设计的。
- 浏览器: 浏览器具有自己的全局对象，如 window, document, navigator等。这些通常不会在Node.js环境中出现。
内置模块/包:
- Node.js: Node.js有一些内置模块，如 fs, http, path等，这些模块只存在于Node.js中。
- 浏览器: 浏览器则提供了如 DOM API, WebAPIs等，它们不是Node.js的一部分。
API的使用:
- Node.js: Node.js有一些专有的API，例如与文件系统交互、创建服务端网络应用等。
- 浏览器: 浏览器则提供了DOM操作、事件监听、Web存储等API。
注释和文档:
- 代码注释: 有时候开发者会在文件顶部留下注释说明这段代码的用途。
- 项目文档: 查看包含该文件的项目的 README.md或其他文档文件，通常会有环境要求的说明。
构建工具和配置文件:
- 项目中的构建工具配置文件（如 webpack.config.js, Gruntfile.js, Gulpfile.js等）会提供关于目标环境的线索。这些工具常用于浏览器环境中的JavaScript代码打包。
文件扩展名:
- 尽管这不是一个强制规则，有时候Node.js模块会使用 .mjs来指明它是一个ES模块。而传统的浏览器脚本可能会使用 .js。

示例: 假设我们有以下代码：

javascript
const http = require('http');

http.createServer((req, res) => {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(3000, '127.0.0.1');

console.log('Server running at http://127.0.0.1:3000/');

这个例子中，代码使用了 require来加载Node.js的 http模块，创建了一个服务器，并打印了一个消息表明服务器正在运行。从这些信息中可以明确地看出这是一个为Node.js环境编写的JavaScript文件。