一篇文章带你了解JavaScript的Storage接口_0

大家好，我是进阶学习者。1.概念Storage接口用于脚本在浏览器中保存数据。有两个对象实现了这个接口：window.sessionStorage和window.localStorage。二、属性和方法1、Storage.setItem()Storage.setItem()方法用于存储数据。它接受两个参数，第一个是键名，第二个是保存的数据。如果键名已经存在，此方法将更新现有的键值。该方法没有返回值。window.sessionStorage.setItem('key','value');window.localStorage.setItem('key','value');注意：Storage.setItem()的两个参数都是字符串。如果不是字符串，会自动转成字符串存入浏览器。window.sessionStorage.setItem(3,{foo:1});window.sessionStorage.getItem('3')//[objectObject]”代码分析：setItem方法的两个参数不是字符串，而是存储的值都是字符串。如果存储空间已满，此方法将抛出错误。写的时候不一定要用这种方法，直接赋值也是可以的。2.Storage.getItem()Storage.getItem()方法用于读取数据。它只有一个参数，即键名。如果键不存在，则该方法返回null。window.sessionStorage.getItem('key')window.localStorage.getItem('key')键名必须是字符串，否则会自动转为字符串。3.Storage.key()Storage.key()接受一个整数作为参数（从零开始），返回位置对应的键值。window.sessionStorage.setItem('key','value');window.sessionStorage.key(0)//“key”结合使用Storage.length属性和Storage.key()方法遍历所有key。for(vari=0;i注意：如果浏览器只打开一个窗口，这个事件可能不会被观察到。例如，同时打开多个窗口，当其中一个窗口导致存储的数据发生变化时，只能在其他窗口中观察监控功能的执行情况。通过这种机制，可以实现多个窗口之间的通信。4.小结本文基于JavaScript基础。介绍了相关的属性和方法。通过案例分析一步步讲解。介绍了Storageevents的实际应用，实际应用中遇到的困难，并提出了有效的解决方案。欢迎大家积极尝试。有时候看别人实现很简单，但是到了自己实现的时候，总会出现各种各样的问题。不要野心太大，努力理解得更深刻。代码很简单，希望对大家学习有所帮助。本文转载自微信公众号《前端进阶学习交流》，可通过以下二维码关注。转载本文请联系前端进阶学习交流公众号。