在 mithril js 中通过 es6 class 在两个文件之间共享数据或共享 es6 class 的实例

Question

我想在 mithril js 中的两个文件之间共享数据我使用 webpack 进行模块加载我有这个 class，我从 ajax 请求获取数据然后将其存储在 class 成员如下。

import m from 'mithril';

import { myClass } from './model';
let asad=new myClass();
var Data = {


    fetch: function() {
        m.request({
            method: "GET",
            url: "./config/config.json",
        })
            .then(function(items) {
                asad.setConfig(items) // storing this data here .
                m.route(document.body, "/accounts", routes)
            })
    }

}
Data.fetch()

这是我的 class 文件

export class myClass {
constructor() {

}
setConfig(obj) {
  this.config= obj

 }
 getConfig() {
 return this.config;

}
 }

我想在另一个文件中获取此数据

import m from 'mithril';

import { myClass } from '../model';


 export function Accounts() {
  console.log('accon')
   let asad=new myClass();
   console.log(asad.getConfig())
   }

问题是它创建了 class 的新实例我怎样才能共享这个 class 的实例，这样就可以了

Answer 1

我通过使用以下代码在 es6 中制作单例 class 来完成此操作。

export class globals {

constructor() {
if (!globals.instance) {
  globals.instance = this
}
return globals.instance;

}
setConfig(obj) {
this.config= obj

}
getConfig() {
return this.config;
}

}

然后我调用 get config 方法，效果很好

在 mithril js 中通过 es6 class 在两个文件之间共享数据或共享 es6 class 的实例

share data between two files through es6 class in mithril js or share instance of es6 class

javascript

global-variables

mithril.js

es6-class