如何在多个HTML页面之间共享Javascript类

我正在尝试编写共享一个java脚本类的html文件

此类在start.html中定义

class ipReader {
      constructor(name, ip) {
        this.name = name;
        this.ip = ip;
      }
      display() {
        console.log('Reader:' + this.name + ' @ ' + this.ip);
      }
    }

var x = new ipReader('Reader01', '127.0.0.1');
x.display();

我想把这个类分享给end.html

我尝试过与windows.localStorage共享，但运气不佳

似乎localStorage只保存字面意义上的数据

// start.html
    localStorage.setItem("class", x); 

// end.html
  var y = localStorage.getItem('class');
  y.display(); // RETURNS not-a-function error. "y" is literally "[object Object]"
  typeof y     // RETURNS "string"

我是否应该保存每个变量，然后每次都重新创建和初始化类

---

如何在html页面之间正确共享类实例

您可以使用某种spa框架，保存POJO并重建类实例。您需要在HTML页面之间序列化（JSON.stringify（））和反序列化（JSON.parse（））数据。请记住，您只能序列化实际数据，因此方法（函数）不会自动完成。每个要移植的方法也必须转换（序列化）为字符串。我想你的答案可以在这里找到：谢谢你的回复！我将研究POJO和序列化技术。