web Storage 事件通知机制，可以将数据更新的通知发送给监听者

最近在浏览h5c3的时候，发现了一些之前没有发现的东西

Localstorage、sessionStorage

本地存储！这个我们只是拿来存储数据的东西，他居然可以被监听

 

我们通过对本地Storage中数据的操作(修改、删除)进行监听，并且可以根据监听结果给出相应的处理

语法如下：

window.addEventListener(“storage”,doReaction,flag);

storage：表示对Storage（包括Localstorage和sessionStorage）进行监听
doReaction：自定义函数，事件发生时回调，会接收一个StorageEvent类型的参数，包括：

• storageArea
• key（发生变化的key）
• oldValue（原值）
• newValue（新值）
• url（引发变化的URL）

flag：表示触发时机，一般多使用false

<script>
    function doStart(){
        window.addEventListener("storage",callback,false);
    }

    function callback(se){
        console.log("被修改的key："+se.key);
        console.log("原值："+se.oldValue);
        console.log("新值："+se.newValue);
        console.log("url地址："+se.url);

        if(se.key=="token"){
            console.log("token已被修改！");
        }

    }
</script>