js中实现数据的本地存储和调用

我这里用一个游戏中的分数为例:

   1.全局中设置一个对象Container来存储数据  var Container = {};

   2.在对象中写两个接口存储数据和调用数据

 var Container = {     

              SetScore:function(value){

                   this.SetCookie("_GameScore", value);

              },
                        GetScore:function() {
                   return this.GetCookie('_GameScore');
              },  
            
              SetCookie: function (name, value) {
                   console.log("SetC", name, value);
                   var cookieDate = new Date();
                   var NextYearTime = cookieDate.getTime() + (365 * 86400 * 1000);
                   cookieDate.setTime(NextYearTime);
                   document.cookie = name + "=" + encodeURIComponent(value) + "; expires=" + cookieDate.toUTCString();
              },
             
              GetCookie:function(name){    
                 var cookie_array = {};
                 var cookie = document.cookie;
                 var cookie_sets = cookie.split(';');
                 for (var num in cookie_sets) {
                        var sets = cookie_sets[num].split('=');
                        var cookie_key = sets[0].replace(/^\s+|\s+$/g, '');
                        delete sets[0];
                        var cookie_value = sets.join('=');
                        cookie_value = cookie_value.replace(/^=/, "");
                        cookie_array[cookie_key] = decodeURIComponent(cookie_value);
                    }               
                 return cookie_array[name];
                }
	};

   3.在游戏中存取分数:Container.SetScore(TARGET_SCORE); TARGET_SCORE玩家当前获得的分数进行存储

4.获取分数:Container.GetScore(); 
如果有多个数据需要存取,只需要多设置一些存取的接口,通过存储code获取数据即可
4.4
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当WebAssembly的C++代码需要保存数据到本地时,可以通过调用JavaScript代码来实现。以下是一个简单的示例,展示了如何在WebAssembly调用JavaScript代码并使用localStorage API保存数据到本地: C++代码: ```c++ #include <emscripten.h> #include <emscripten/bind.h> #include <string> using namespace emscripten; // 定义保存数据到本地的函数 void saveDataToLocal(std::string key, std::string value) { EM_ASM_({ // 将字符串参数转换为JavaScript字符串对象 var key = Pointer_stringify($0); var value = Pointer_stringify($1); // 使用localStorage API保存数据到本地 localStorage.setItem(key, value); }, key.c_str(), value.c_str()); } // 绑定C++函数到JavaScript EMSCRIPTEN_BINDINGS(my_module) { function("saveDataToLocal", &saveDataToLocal); } ``` 在上面的代码,我们定义了一个`saveDataToLocal`函数,用于保存数据到本地。然后使用`EM_ASM_`宏调用JavaScript代码,将C++字符串参数转换为JavaScript字符串对象,并使用localStorage API保存数据到本地。 JavaScript代码: ```javascript // 导入WebAssembly模块 const module = await WebAssembly.instantiateStreaming(fetch('my_module.wasm'), {}); // 调用C++函数保存数据到本地 module.instance.exports.saveDataToLocal("config", JSON.stringify(configData)); ``` 在JavaScript代码,我们首先导入WebAssembly模块,并使用`fetch`函数加载wasm文件。然后使用`instantiateStreaming`函数实例化模块,并在其调用C++函数`saveDataToLocal`,将配置数据存储到本地。这里我们使用了`JSON.stringify`将JavaScript对象转换为字符串,以便存储到localStorage。 需要注意的是,在Chrome和Firefox等现代浏览器,WebAssembly可以直接访问localStorage API。但在Safari浏览器,由于WebAssembly的安全限制,无法直接访问localStorage API。因此,需要在JavaScript代码通过`EM_ASM_`宏调用localStorage API。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值