巧妙地使用本地存储

localStorage 函数在浏览器的窗口对象上全局可用。如果您曾经注意到，此函数的类型为 Storage。

如果你检查函数定义，你会注意到这个 Storage 是一个接口。

现在，我们知道localStorage 有一个Storage 接口类型，我们可以操作Storage 接口的原型对象，并在其中添加我们的加密/解密自定义函数。

在存储接口中添加自定义函数
我们将使用该crypto-js库来加密/解密我们的数据。我们将使用节点包管理器 (npm) 下载此库，因此请确保您的项目首先由 npm 初始化。

现在使用命令安装库npm install crypto-js。它将被添加到 node_modules 文件夹中。我们将添加两个名为encrypt和 的函数decrypt，它们将处理数据的加密和解密。

在这里，我们采用了一个密钥，该密钥被传递给 crypto-js 库的函数来加密和解密数据。这个秘密密钥可以是任何东西，但为了安全起见，它应该存储在一个安全的地方。