JavaScript-简单封装Storage工具类

class MyCache {
  constructor(isLocal = true) {
    this.storage = isLocal ? localStorage: sessionStorage
  }

  setItem(key, value) {
    if (value) {
      this.storage.setItem(key, JSON.stringify(value))
    }
  }

  getItem(key) {
    let value = this.storage.getItem(key)
    if (value) {
      value = JSON.parse(value)
      return value
    } 
  }

  removeItem(key) {
    this.storage.removeItem(key)
  }

  clear() {
    this.storage.clear()
  }

  key(index) {
    return this.storage.key(index)
  }

  length() {
    return this.storage.length
  }
}

const localCache = new MyCache()
const sessionCache = new MyCache(false)

export {
  localCache,
  sessionCache
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用axios来进行网络请求,并且封装成一个工具类,方便使用。以下是一个简单的示例代码: ```javascript import axios from 'axios'; class Http { constructor() { this.instance = axios.create({ baseURL: 'http://your-api-url.com', timeout: 5000, // 请求超时时间 }); // 请求拦截器 this.instance.interceptors.request.use( (config) => { // 在请求发送之前做一些处理 return config; }, (error) => { // 对请求错误做一些处理 return Promise.reject(error); } ); // 响应拦截器 this.instance.interceptors.response.use( (response) => { // 对响应数据做一些处理 return response.data; }, (error) => { // 对响应错误做一些处理 return Promise.reject(error); } ); } // get请求 get(url, params = {}) { return this.instance.get(url, { params }); } // post请求 post(url, data = {}) { return this.instance.post(url, data); } // put请求 put(url, data = {}) { return this.instance.put(url, data); } // delete请求 delete(url, params = {}) { return this.instance.delete(url, { params }); } } export default new Http(); ``` 使用示例: ```javascript import Http from './http'; // get请求示例 Http.get('/user', { id: 1 }).then((res) => { console.log(res); }); // post请求示例 Http.post('/user', { name: '张三', age: 18 }).then((res) => { console.log(res); }); ``` 这里的Http类封装了常用的get、post、put和delete方法,并且使用axios.create创建了一个axios实例,可以在构造函数中对其进行配置,如设置baseURL和timeout等。同时,还通过拦截器对请求和响应进行了处理,可以根据需要进行修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值