当前位置:   article > 正文

封装localStorage_localstorage 封装

localstorage 封装

         storage会根据传入的参数类型自动进行json转换,不用再自己手动写JSON.stringify()和JSON.parse(),需要的小伙伴直接复制到项目中就能使用

  1. class Storage {
  2. constructor() {}
  3. /**
  4. * 获取
  5. * @param {String} key
  6. * @returns
  7. */
  8. getStorage(key) {
  9. if(!key) {
  10. console.error(new Error('function getStorage params is undefined'))
  11. return
  12. }
  13. const value = window.localStorage.getItem(key)
  14. try {
  15. const object = JSON.parse(value)
  16. return object
  17. }
  18. catch (error) {
  19. return value
  20. }
  21. }
  22. /**
  23. * 设置
  24. * @param {String} key
  25. * @param {any} value
  26. * @returns {any}
  27. */
  28. setStorage(key, value) {
  29. if(!key && !value) {
  30. console.error(new Error('function setStorage params is undefined'))
  31. return
  32. }
  33. if(typeof value === 'object') {
  34. const jsonString = JSON.stringify(value)
  35. window.localStorage.setItem(key, jsonString)
  36. }
  37. else {
  38. window.localStorage.setItem(key, value)
  39. }
  40. }
  41. /**
  42. * 移除
  43. * @param {String} key
  44. * @returns
  45. */
  46. removeStorage(key) {
  47. if(!key) {
  48. console.error(new Error('function removeStorage params is undefined'))
  49. return
  50. }
  51. window.localStorage.removeItem(key)
  52. }
  53. /**
  54. * 清除
  55. */
  56. clearStorage() {
  57. window.localStorage.clear()
  58. }
  59. }
  60. const storage = new Storage()
  61. export default storage
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/487398
推荐阅读
相关标签
  

闽ICP备14008679号