JavaScript单例模式：静态方法与闭包实现详解

function Person() {
  // let obj = {   // 1
  //   name: 'Tom'   // 3的效果
  // }
  // Person.call(obj) // 2 让Person构造函数的this指向obj
  // obj.__proto__ = Person.prototype  // 4   //让实例对象的隐式原型等于构造函数的显示原型
  // return obj  // 5 返回实例对象
  
  this.name = 'Tom'  // 3 往obj上添加属性
  
  let p1 = new Person()
   let p2 = new Person()

 console.log(p1 === p2);//false
}

class Person {
constructor() {
 this.name = 'Tom'  //初始化name属性
}
static getInstance() {//静态方法，用于创建或获取 Person的唯一实例
 if (!Person.instance) {//如果不存在，则创建一个新的 实例
   Person.instance = new Person()
 }
 return Person.instance//将其赋值给Person.instance
}
}

let p1 = Person.getInstance()
let p2 = Person.getInstance()

console.log(p1 === p2)//true

class Person {
  constructor() {
    this.name = 'Tom'
  }
  static getInstance() {
    let instance = null
    return function() {
      if (!instance) {
        instance = new Person()
      }
      return instance
    }
  }
}

const simple = Person.getInstance()
let p1 = simple()
let p2 = simple()

console.log(p1 === p2);

<body>
  <button id="save">存储</button>
  <button id="get">取值</button>

  <script>
    let save = document.getElementById('save')
    let get = document.getElementById('get')

    // 定义一个Storage类，用单例模式封装LocalStorage操作
    class Storage {
      // 使用静态方法实现单例模式
      static getInstance() {
        if (!Storage.instance) {
          Storage.instance = new Storage();
        }
        return Storage.instance;
      }

      // 获取LocalStorage中的数据
      getItem(key) {
        return localStorage.getItem(key);
      }

      // 存储数据到LocalStorage
      setItem(key, val) {
        return localStorage.setItem(key, val);
      }
    }

    // 获取唯一的Storage实例
    const storage = Storage.getInstance();
    const storage2 = Storage.getInstance();
    
    // 点击存储按钮，保存数据到LocalStorage
    save.onclick = function() {
      storage.setItem('name', '高老师');
    }

    // 点击取值按钮，弹出LocalStorage中的数据
    get.onclick = function() {
      alert(storage2.getItem('name'));
    }

  </script>
</body>
</html>