web 本地存储 (localStorage、sessionStorage)

const info = {
        name: 'Lee',
        age: 20,
        id: '001'
    };
    sessionStorage.setItem('key', JSON.stringify(info));
    localStorage.setItem('key', JSON.stringify(info));


 var data1 = JSON.parse(sessionStorage.getItem('key'));
 var data2 = JSON.parse(localStorage.getItem('key'));


 sessionStorage.removeItem('key');
 localStorage.removeItem('key');

 sessionStorage.clear();
 localStorage.clear();

监听:
 window.addEventListener('storage', function (e) {
        console.log('key', e.key);
        console.log('oldValue', e.oldValue);
        console.log('newValue', e.newValue);
        console.log('url', e.url);
    })

React-Native 中AsyncStorage 是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。

方法一:callback函数

setItem(key: string, value: string, callback:function(){}) 
AsyncStorage.setItem('person', lucy, function (error) {
    if (error) {
        alert('存储失败');
    }else {
        alert('存储完成');
    }
})

getItem(key: string, callback:function(error,result){})
AsyncStorage.getItem('per', function (error, result) {
    if (error) {
      alert('读取失败');
    }else {
      console.log(result)
      alert('读取完成');
    }
 })
removeItem(key: string, callback:function(error){}) 
clear(callback?:function(result){})
getAllKeys(callback?:function(result,keys){})
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐