简介
webstorage-polyfill-wrapper 是一个可以将 WebStorage 接口（LocalStorage 和 SessionStorage）进行 polyfill 包装的 npm 包。该包主要是为了解决老旧浏览器不支持 WebStorage 接口而导致的使用问题。
通过使用该包，我们可以在老旧浏览器中使用 WebStorage 接口时，将其自动降级为使用 Cookie 存储数据。
使用方法
使用 webstorage-polyfill-wrapper 包十分简单，先通过 npm 安装：
npm install webstorage-polyfill-wrapper --save
然后在需要使用的 JS 文件中引入该包：
import webstoragePolyfill from 'webstorage-polyfill-wrapper';
接着，我们就可以开始使用该包提供的方法了。
方法列表
该包提供了以下几个方法来操作 WebStorage:
get(key, storageType)：从指定的 WebStorage 中获取 key 对应的值，若 key 不存在则返回 undefined。const value = webstoragePolyfill.get('key', 'localStorage');set(key, value, storageType)：将 key-value 对存储到指定的 WebStorage 中。webstoragePolyfill.set('key', 'value', 'localStorage');remove(key, storageType)：删除指定的 key-value 对。webstoragePolyfill.remove('key', 'localStorage');clear(storageType)：清空 WebStorage。webstoragePolyfill.clear('localStorage');
示例代码
下面将展示一段示例代码，通过该代码我们可以更加深入地学习如何使用该包:
-- -------------------- ---- ------- ------ ------------------ ---- ------------------------------ -- ------ ------------ - ------------------------------ ------- ---------------- ----------------------------- --- ---------------- -- - ------------ ----- ----- ---- - ------------------------------ ---------------- ----- --- - ----------------------------- ---------------- ------------------ -------- ---- --------- -- -- ------------ ---- --------------------------------- ---------------- -------------------------------- ---------------- ------------------------------------------ ----------------- ----------------------------------------- ----------------- -- ------ -------------- - ------------------------------ ------- ------------------ ----------------------------- --- ------------------ -- - -------------- ----- ----- ---- - ------------------------------ ------------------ ----- --- - ----------------------------- ------------------ ------------------ -------- ---- --------- -- -- -------------- ------------------------------------------- ------------------------------------------ ------------------- ----------------------------------------- -------------------
指导意义
webstorage-polyfill-wrapper 包不仅提供了让我们方便地在老旧浏览器中使用 WebStorage 接口的方式，同时也让我们更加熟悉 WebStorage 接口的使用方法和 JavaScript 开发中模块化开发的方法。使用该包可以大大地提高我们 Web 版本应用的兼容性和用户体验，是值得我们掌握和使用的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf581e8991b448e6b13