config.js配置（js读取配置文件config）

简介

在开发Web应用或其他软件项目时，通常会有一些需要经常调整的配置参数。为了方便管理和修改这些配置参数，我们可以将其存储在一个配置文件中，并在代码中读取和使用这些配置。本文将详细介绍如何使用JavaScript读取配置文件config.js并使用其中的配置。

配置文件的格式

配置文件可以使用不同的格式，常见的有JSON、YAML、INI等。在本文中，我们使用简单的JSON格式作为配置文件的示例。

一个典型的config.js文件如下所示：

// config.js
const config = {
  "server": "127.0.0.1",
  "port": 8080,
  "database": {
    "host": "localhost",
    "username": "admin",
    "password": "123456",
    "dbname": "mydb"
  }
};

module.exports = config;

该配置文件定义了一些常用的配置参数，比如服务器的地址和端口，以及数据库连接的相关信息。

读取配置文件

在JavaScript中，读取配置文件可以使用require函数或者其他的AJAX请求方法。下面我们分别介绍这两种方法。

方法一：使用require函数（适用于Node.js环境）

如果我们的代码运行在Node.js环境中，就可以使用require函数直接引入配置文件。

const config = require('./config.js');

console.log(config.server);  // 输出：127.0.0.1
console.log(config.port);  // 输出：8080
console.log(config.database.username);  // 输出：admin
console.log(config.database.password);  // 输出：123456

使用require函数后，我们可以直接访问配置文件中定义的属性，并使用它们进行相应的操作。

方法二：使用AJAX请求（适用于浏览器环境）

在浏览器环境中，我们可以使用AJAX请求来读取配置文件。这种方法比较灵活，适用于动态加载配置文件或跨域访问配置文件的场景。

const xhr = new XMLHttpRequest();
xhr.open('GET', './config.js', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const config = JSON.parse(xhr.responseText);
    console.log(config.server);  // 输出：127.0.0.1
    console.log(config.port);  // 输出：8080
    console.log(config.database.username);  // 输出：admin
    console.log(config.database.password);  // 输出：123456
  }
};
xhr.send();

以上代码使用了XMLHttpRequest对象发送了一个GET请求，并在请求成功后将返回的配置文件内容解析为JSON对象。之后，我们就可以像在方法一中一样，访问配置文件中定义的属性。

示例：使用配置文件连接数据库

下面我们通过一个示例来演示如何使用配置文件连接数据库。

首先，我们需要准备一个数据库连接的函数，该函数使用配置文件中定义的参数连接数据库。

function connectDatabase() {
  const config = require('./config.js');

  const connectionOptions = {
    host: config.database.host,
    user: config.database.username,
    password: config.database.password,
    database: config.database.dbname
  };

  // 在这里实际连接数据库的代码...
  console.log('成功连接到数据库！');
}

connectDatabase();

在上述示例代码中，我们通过require函数引入了配置文件，并从中读取了数据库连接的相关参数。然后，我们使用这些参数创建了数据库连接的配置对象connectionOptions。接下来的代码部分可以根据具体的数据库类型和框架来进行实现，这里仅输出了一句成功连接到数据库的提示信息。

通过使用配置文件，我们可以将数据库连接的参数与代码分离，使代码更具有可维护性和可配置性。当需要修改数据库连接参数时，只需修改配置文件，而无需修改代码。