前端项目中监听localStorage的变化

window.addEventListener('storage', () => {
  // callback
})

class CommonLocalStorage {
  private storage: Storage;
  constructor() {
    this.storage = window.localStorage;
  }
  set(key: string, value: any) {
    // 执行监听的操作
    return this.storage.setItem(`${prefix}${key}`, value);
  }
  get(key: string) {
    // 执行监听的操作
    return this.storage.getItem(`${prefix}${key}`);
  }
  del(key: string) {
    // 执行监听的操作
    return this.storage.removeItem(`${prefix}${key}`);
  }
  clear() {
    // 执行监听的操作
    this.storage.clear();
  }
}
const commonStorage = new CommonLocalStorage();
export default commonStorage