深入浅析JavaScript中数据共享和数据传递
2 浏览量
2020-11-24
00:45:41
上传
评论
收藏 77KB PDF 举报
深入浅析深入浅析JavaScript中数据共享和数据传递中数据共享和数据传递
数据共享和数据传递是相辅相成的，我们一起来讨论这个问题。首先要说的是共享和传递都是有作用域的。作用域就是起作用
的区域，在同一个作用域数据可以共享，超过这个作用域就是跨作用域，就得用到数据传递了。
作用域作用域
1.ui作用域作用域
每一个ui文件缺省都有对应的ui.js。他们作为一个闭合的作用域。ui.js里根据ui文件里组件的id来获取ui对象;不同的ui文件可以
定义相同id的组件。在ui.js里定义的变量只能在这个js里访问。
2.page作用域作用域
每次调用openPage都会打开一个新的page，这个新的page会盖在旧的page之上，closePage关闭自己后就会露出被盖住的旧
的page。每一个page里除了主ui文件以外，还可以包含其它很多ui文件，这些ui文件在同一个page作用域。
当page关闭的时候，所有在page里构建的对象都会释放。
3.app作用域作用域
这个是最大的作用域，只要app没有退出，这个作用域就一直有效。
app.js属于app作用域，因为它不属于任何page。
总之，app作用域包含多个page作用域，page作用域包含多个ui作用域。
内存共享内存共享
相对文件和数据库，内存操作的速度快很多，适合于比较少的数据量操作。缺点就是app关闭后就释放了。deviceone通过以
下几种方式来共享内存。
1. do_Global的的memory操作操作(app作用域作用域)
这个是app作用域的数据分享。这一块内存其实就是一个键值对，一个key对应一个value，所以要注意如果对一个key重新赋
值，就会把以前的value覆盖。使用方法很简单。参考以下的示例，读和写分别在不同的page。
//在index.ui.js里设置值，可以设置为任何json对象，函数对象例外。
global.setMemory("key1", 1);
global.setMemory("key2", "value1");
global.setMemory("key3", [ "a", "b", "c" ]);
global.setMemory("key4", {
"k1" : "v1",
"k2" : "v2",
"k3" : "v3",
"k4" : "v4"
});
var label = ui("do_Label_2");
// 在memory/index.ui.js里获取值，可直接返回json对象
var global = sm("do_Global");
var content = {};
content.key1 = global.getMemory("key1");
content.key2 = global.getMemory("key2");
content.key3_2 = global.getMemory("key3")[1];
content.key4_k3 = global.getMemory("key4")["k3"];
label.text = JSON.stringify(content, null, 2);// 格式化
2. Javascript的全局变量的全局变量(page作用域作用域)
利用JavaScript自身的特性定义全局变量，通常可以定义全局变量来实现同一page下不同ui文件里的数据分享。参考以下的示
例，读和写分别在不同的ui文件，但是是在一个page作用域。使用也非常简单，有二种方式：
虽然很方便，但并不推荐使用，因为使用太随意，如果是协作开发或复杂的项目，如果碰见bug，很难定位和调试。
// 在test1.ui.js里设置js的全局变量，二种方式。
// 1.不要加var前缀的变量定义,
key1 = "value1";
// 2. 把全局变量定义在deviceone对象上
deviceone.key2 = {
"k1" : "v1",
"k2" : "v2",
"k3" : "v3",
"k4" : "v4"
}
资源评论
