对localStorage进行二次封装，增加数据有效期限制

最新推荐文章于 2024-08-15 20:33:20 发布

Mr.Cool

最新推荐文章于 2024-08-15 20:33:20 发布

阅读量2.2k

点赞数

分类专栏：前端开发文章标签： localStorage storage html5

本文链接：https://blog.csdn.net/qq_39300332/article/details/79511572

版权

本文记录了在cvte前端笔试中遇到的一道题目，关于如何对localStorage进行二次封装，以添加数据有效期限制。作者分享了初始的解决方案以及存在的问题，探讨了优化思路，并提及了另一道关于数组处理的编程题。

摘要由CSDN通过智能技术生成

十分钟前做了cvte的前端笔试题，说实话做的真的爽，好多题考的细节很到位，很多坑可能跳过，但后面都逐渐忘却了，值此机会记录一下最后一道题（不算泄密吧，如果算马上删）：localStorage的存储时间有限制，请进行二次封装，能让存储有数据有时间限制。
我当时的作答如下（还有很多点可优化，比如修改为设置每一次数据的有效期而非所有）：

const newStorage = {
    storage: "",
    length: 0,
    limit: 1000,
    init(t) {
        this.storage = localStorage;
        this.length = this.storage.length;
        this.limit = t;
    },
    setItem(key,val) {