# 浏览器端`localStore`
> 重写`setItem`函数来实现前端修改存储值事件监听
```js
const setItem = localStorage.setItem
localStorage.setItem = function (name, value){
setItem.apply(this, arguments)
var event = new Event('setItem')
event.key = name
event.value = value
window.dispatchEvent(event);
}
// 页面使用
window.addEventListener('setItem', function (e) { document.querySelector('.view').innerText = `${e.key}： ${e.value}`
})
```