简介

JavaScript 是一门非常流行的编程语言，可以在浏览器中运行。但是，当我们需要在服务器端运行 JavaScript 代码时，我们需要一些特定的工具和环境来支持。这就是 JavaScript 的环境变量。

Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。它可以让 JavaScript 的运行环境不再局限于浏览器中，而是可以在服务器端运行 JavaScript 代码。

在 Node.js 中，可以通过 process.env 对象来访问环境变量。例如，可以通过 process.env.PORT 来获取环境变量中的端口号。

const port = process.env.PORT || 3000;

在上面的例子中，如果 process.env.PORT 存在，则端口号将使用该变量。否则将使用默认值 3000。

Browsers

浏览器环境下使用 JavaScript 的环境变量需要一些特定的工具。其中最常用的是 webpack 和其插件，如 dotenv-webpack。

dotenv-webpack 允许在浏览器环境下使用 .env 文件中的环境变量。首先，需要在项目根目录下创建一个 .env 文件，填入需要的环境变量：

PORT=8080

然后，在 webpack 配置文件中添加以下内容：

// webpack.config.js
const Dotenv = require('dotenv-webpack');

module.exports = {
  // ...其他配置
  plugins: [
    new Dotenv()
  ]
}

现在，我们就可以在 JavaScript 中使用 process.env.PORT 来获取环境变量中的端口号了。

const port = process.env.PORT || 3000;

以上是关于 JavaScript 环境变量的介绍，希望能够对您有所帮助。