JS文件导出变量

如果 config.js 文件中有多个变量要导出，你可以按照以下步骤进行：

1. 在 config.js 文件中定义多个变量，并使用 export 导出它们。

// config.js
const baseUrl = "http://localhost:8081";
const apiKey = "your_api_key";
const maxConnections = 10;

export { baseUrl, apiKey, maxConnections };

2. 在其他 JavaScript 文件中，使用 import 导入需要的变量。

// otherFile.js
import { baseUrl, apiKey, maxConnections } from './config.js';

// 使用导入的变量
console.log(baseUrl); // 将打印出 "http://localhost:8081"
console.log(apiKey); // 将打印出 "your_api_key"
console.log(maxConnections); // 将打印出 10

这样，其他 JavaScript 文件就可以按需导入 config.js 中导出的多个变量了。

import { baseUrl, apiKey, maxConnections } from ‘./config.js’;这个语法是解构的语法吗

是的，import { baseUrl, apiKey, maxConnections } from './config.js'; 使用了类似于对象解构的语法。在 JavaScript 中，这种模块导入语法被称为解构导入。

解构导入允许你从模块中导入指定的变量、函数或类，并将它们分配给相应的变量名。在这种情况下，{} 中列出了要导入的变量名，然后它们被从 config.js 模块中导入并分配给了相应的变量。

这种语法类似于对象解构，但它是针对模块的。对象解构用于从对象中提取属性并将它们分配给变量。例如：

const obj = { foo: 1, bar: 2 };
const { foo, bar } = obj;
console.log(foo); // 输出：1
console.log(bar); // 输出：2

在模块导入语法中，与对象解构类似，但不是从普通对象中解构，而是从模块中解构导入。因此，import { baseUrl, apiKey, maxConnections } from './config.js'; 可以被视为一种模块解构导入语法。