uni-app 数据缓存（setStorage）

uni-app 数据缓存（setStorage）

<template>
    <view>
        
    </view>
</template>

<script>
    var _self;
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            
        },
        onLoad() {
            // 数据缓存 异步
            _self = this;
            uni.setStorage({
                key:'name',
                data:'hcoder',
                success() {
                    console.log('成功了')
                },
                fail() {
                    console.log('缓存失败了')
                }
            });
            
            //数据缓存 同步 一定要用try catch 包裹
            try{
                uni.setStorageSync('age', '18');
            }catch(e){
                //TODO handle the exception
            };
            
            //从本地缓存中 异步获取指定 key 对应的内容
            uni.getStorage({
                key: 'name',
                success: function (res) {
                    console.log('name 异步获取 = ' + res.data);
                }
            });
            
            // 同步方式获取数据， 阻塞形式，如果做完了的话代码才会向下进行
            try{
                const value = uni.getStorageSync('name');
                if(value){
                    console.log("const value = uni.getStorageSync('name') 同步获取 = " + value)
                }
            }catch(e){
                //TODO handle the exception
            };
            
            
            // 异步获取当前 storage 的相关信息
            uni.getStorageInfo({
                success: function (res) {
                    // keys:  当前 storage 中所有的 key
                    // currentSize:  当前占用的空间大小, 单位：kb   current:当前的
                    // limitSize:  限制的空间大小, 单位：kb   limit:限制
                    console.log('异步获取' + res.keys);
                    console.log(res.currentSize);
                    console.log(res.limitSize);
                }
            });
            
            // 同步获取 当前 storage 的相关信息
            try {
                const res = uni.getStorageInfoSync();
                console.log('同步获取' + res.keys);
                console.log(res.currentSize);
                console.log(res.limitSize);
            } catch (e) {
                // error
            };
            
            // 从本地缓存中 异步移除指定 key
            // uni.removeStorage({
            //     key: 'name',
            //     success: function (res) {
            //         console.log('删除成功');
            //     }
            // });
            
            // 从本地缓存中 同步移除指定 key
            // try {
            //     uni.removeStorageSync('name');
            // } catch (e) {
            //     // error
            // }
            
            // 异步清理本地数据缓存
            // uni.clearStorage();
            // 
            // 
            // // 同步清理本地数据缓存
            // try {
            //     uni.clearStorageSync();
            // } catch (e) {
            //     // error
            // }
        }
    }
</script>

<style>

</style>

未使用删除 key 和 清除 本地缓存 的效果图