<p>Übersetzen: Ich habe ein Projekt (reine Front-End-Webanwendung), in dem ich HTML-Dateien vom Backend mithilfe des Node.js-Routings bereitstelle: </p> <pre class="brush:js;toolbar:false;">router.get("/", (req, res) => { res.sendFile(views_dir + „index.html“); }); router.get("/login", (req, res) => { res.sendFile(views_dir + „login.html“); }); </pre> <p>Und stellen Sie JS-Dateien als statische Dateien bereit app.use(express.static(path.join(__dirname, '/frontend'))); wobei der Ordner /frontend alle Front-End-Dateien (einschließlich HTML-Dateien) enthält. <br /><br />Im Moment habe ich eine Datei namens model.js (im Frontend-Ordner) und versuche, ein Singleton-Muster zu implementieren, das von allen Seiten gemeinsam genutzte Daten enthält (z. B. ob der Benutzer aktuell angemeldet ist):</p><p><code></code><strong></strong></p> <pre class="brush:js;toolbar:false;">const Model = (function () { lass Beispiel; Funktion init() { let isLogged = false; zurückkehren { getIsLogged: function () { return isLogged; }, setIsLogged: Funktion (l) { isLogged = l; } } } zurückkehren { getInstance: function () { if (! Instanz) { Instanz = init(); } Rückgabeinstanz; } } })(); </pre> <p><strong>Aber wenn der Benutzer umgeleitet wird, scheint es, dass model.js erneut aus dem Backend importiert wird und alle Änderungen am Modell von der vorherigen Seite überschrieben werden. (Wenn sich der Benutzer beispielsweise anmeldet, ändern wir die Variable isLogged im Modell auf „true“ und leiten auf „/“ um. Das Modell wird aktualisiert und überschrieben.) <br /><br /> Möglichkeit, einfach zu verwenden: Implementiert JavaScript eine solche Anforderung? <br /><br />Ich denke, das Problem liegt bei res.sendFile(views_dir + "index.html");, es aktualisiert die Anwendung in einem neuen Zustand und speichert nicht die vorherige Version des JS Dateistatus, gibt es eine Möglichkeit, dies zu vermeiden? JS-Datei nur einmal anfordern? <br /></strong></p><p><code></code></p>

const Model = (function () {

    let instance;

    let data = {
        isLogged: false,
    };

    function init_localStorage() {
        save_localStorage();
    }

    function load_localStorage() {
        let model = JSON.parse(localStorage.getItem('Model'));
        if (Object.keys(model).length === 0) {
            init_localStorage();
        }

        data = model;
    }

    function save_localStorage() {
        localStorage.setItem('Model', JSON.stringify(data));
    }

    function init() {
        load_localStorage();

        return {
            getIsLogged: function () {
                return data.isLogged;
            },
            setIsLogged: function (l) {
                data.isLogged = l;
            },

            saveData: function () {
                save_localStorage();
            }
        }
    }

    return {
        getInstance: function () {
            if (! instance) {
                instance = init();
            }
            return instance;
        }
    }
})();