如何从不同的js文件导入变量？

如何解决如何从不同的js文件导入变量？

我一直在查看有关导入和导出的 ES6 文档。这很简单，但我无法让它工作。我只是想从一个 js 文件中导入简单的变量以在函数内使用。我在多个页面上使用变量。我不想每次都硬编码。我如何做到这一点？

config.js

var app_mode = 0;
if(app_mode ===0){
var mapBoxtoken = 'pk.eytest';
}else{
var mapBoxtoken = 'pk.eylive';
}

ma​​p.js

function mapOverview(){

mapBoxgl.accesstoken = mapBoxtoken;//use mapBoxtoken variable here

//rest of code...
      
}

解决方法

如果您使用 nodejs，您可以从 module.exports 导出：

config.js

const app_mode = 0;
const  mapboxtoken =  (app_mode ===0) ? 'pk.eytest' : 'pk.eylive';
module.exports.mapboxtoken = mapboxtoken; 

ma​​p.js

const {mapboxtoken} = require('./config.js');
// or
const config = require('./config.js');

function mapOverview(){
  console.log(mapboxtoken);//use mapboxtoken variable here
  //or
  console.log(config.mapboxtoken);//use mapboxtoken variable here
}
mapOverview();

输出：

pk.eytest
pk.eytest

另请阅读：import-export

,

在配置文件中，您可能需要在最后添加这段代码：

export mapboxtoken;

在地图文件中导入如下变量（假设两个文件在同一目录中）：

import { mapboxtoken } from './config';

,

今天有两种主要的 JavaScript 模块解决方案。

如果您使用 ES6，则使用 export 和 import：

// A.js
export const SomeConst = 'blabla'

// B.js
import { SomeConst } from 'A.js'
console.log(SomeConst) // blabla

如果你使用 Node.js，那么它是 commonjs，使用 module.exports 和 require：

// A.js
const SomeConst = 'blabla'
module.exports.SomeConst = SomeConst

// B.JS
const SomeConst = require('A.js).SomeConst