Wie man den Zustand des importierten Javascript-Objektes mit ES6 behält?

Question

würde Ich mag ein Objekt mit bestimmten Werten zu initialisieren, und ein anderes Objekt, das den Wert des zuvor initialisierten Objekt verwendet ... Besser als zu viele Worte, ich habe folgendes:

// file1.js 
export default { 
    myVar1: null, 
    initialize(value) { 
    this.myVar1 = value 
    } 
} 

Die file2 Datei1 Importen und eine Funktion erstellen myVar1

// file2.js 
import { myVar1 } from 'file1' 

export default { 
    printVar() { 
    console.log(myVar1) 
    } 
} 

file3 initialisieren file1 zu drucken, und setzt den Wert von file2 myVar1

// file3.js 
import File1 from 'file1' 
import File2 from 'file2' 

File1.initialize('hello world') 
File2.printVar() // logs undefined 

drucken

Ich möchte Datei1 initialisieren und will Datei2 auf den Wert von Datei1 zugreifen, um es zu drucken. Obwohl der Wert beim Importieren nicht definiert ist.

Ich würde gerne ein Factory-Muster in Javascript verwenden, um das zu tun. Gibt es eine Möglichkeit, Folgendes zu erreichen?

Dank

Answer 1

Ihre file2 zu diesem

ändern

import file1 from './file1' 

export default { 
    printVar() { 
    console.log(file1.myVar1) 
    } 
} 

Answer 2

Dies ist ein anti-Muster auf dem Modul-Caching abzuhängen und Referenzen für solche Themen Objekt, unabhängig.

Sie die gesamte Datei importieren, müssen die Referenz anstelle des tatsächlichen Wert zu erhalten, so dass Sie zu tun haben:

import file1 from './file1' 

export default { 
    printVar() { 
    console.log(file1.myVar1) 
    } 
} 

auf diese Weise u nur den Wert von myVar1 importieren tun sie nicht, importieren Sie einen Verweis auf das Objekt, so können Sie den Objektinhalt verändern und immer wieder überall spiegeln.

P.S. Dies ist nicht zu empfehlen, und keine gute Zusammensetzung.