uniapp数据缓存（存储/获取/移除/清空）

一只欢喜2023-12-21 21:37

javascript 复制代码

uni.setStorage({
	key: 'storage_key',
	data: 'hello',
	success: function () {
		console.log('success');
	}
});

javascript 复制代码

try {
	uni.setStorageSync('storage_key', 'hello');
} catch (e) {
	// error
}

javascript 复制代码

uni.getStorage({
	key: 'storage_key',
	success: function (res) {
		console.log(res.data);
	}
});

javascript 复制代码

try {
	const value = uni.getStorageSync('storage_key');
	if (value) {
		console.log(value);
	}
} catch (e) {
	// error
}

javascript 复制代码

uni.removeStorage({
	key: 'storage_key',
	success: function (res) {
		console.log('success');
	}
});

javascript 复制代码

try {
	uni.removeStorageSync('storage_key');
} catch (e) {
	// error
}

javascript 复制代码

uni.clearStorage();

javascript 复制代码

try {
	uni.clearStorageSync();
} catch (e) {
	// error
}

注：

异步 API，在调用该方法后会立即返回，并且可能不会立即将数据存储到本地存储空间中，而是需要等待一定的时间。因此，在调用该方法后如果需要使用该数据，需要在回调函数中进行操作。

同步 API，调用该方法后会立即阻塞并等待数据存储完成，返回的是存储操作的结果。可以简化代码，避免使用回调函数。但是，需要注意同步 API 可能会阻塞主线程，因此应该尽量避免在 UI 线程中使用同步 API。