Perkongsian data dan pemindahan data adalah saling melengkapi, mari kita bincangkan isu ini bersama-sama. Perkara pertama yang perlu dikatakan ialah perkongsian dan lulus mempunyai skop. Skop adalah kawasan kesan Data dalam skop yang sama boleh dikongsi Jika melebihi skop ini, ia bermakna skop silang, dan pemindahan data perlu digunakan.
Skop
1.skop ui
Setiap fail ui mempunyai ui.js yang sepadan secara lalai. Mereka bertindak sebagai skop tertutup. Dalam ui.js, objek ui diperoleh berdasarkan id komponen dalam fail ui yang berbeza boleh mentakrifkan komponen dengan id yang sama. Pembolehubah yang ditakrifkan dalam ui.js hanya boleh diakses dalam js ini.
2.skop halaman
Setiap kali openPage dipanggil, halaman baharu akan dibuka pada halaman lama Selepas closePage ditutup sendiri, halaman lama yang dilindungi akan terdedah. Selain fail UI utama, setiap halaman juga boleh mengandungi banyak fail UI lain dan fail UI ini berada dalam skop halaman yang sama.
Apabila halaman ditutup, semua objek yang dibina dalam halaman akan dikeluarkan.
3.skop apl
Ini adalah skop terbesar selagi apl tidak keluar, skop ini akan sentiasa sah.
app.js tergolong dalam skop apl kerana ia bukan milik mana-mana halaman.
Ringkasnya, skop apl mengandungi berbilang skop halaman dan skop halaman mengandungi berbilang skop ui.
Perkongsian Memori
Berbanding dengan fail dan pangkalan data, operasi memori adalah lebih pantas dan sesuai untuk operasi dengan jumlah data yang agak kecil. Kelemahannya ialah ia dikeluarkan selepas apl ditutup. deviceone berkongsi memori dengan cara berikut.
1. Operasi ingatan do_Global (skop apl)
Ini ialah perkongsian data skop apl. Sekeping memori ini sebenarnya adalah pasangan nilai kunci, dan satu kunci sepadan dengan satu nilai, jadi maklum bahawa jika anda menetapkan semula kunci, nilai sebelumnya akan ditimpa. Cara penggunaannya sangat mudah. Rujuk contoh berikut, membaca dan menulis adalah pada halaman yang berbeza.
//在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. Pembolehubah global Javascript (skop halaman)
Gunakan ciri JavaScript untuk menentukan pembolehubah global Anda biasanya boleh mentakrifkan pembolehubah global untuk berkongsi data dalam fail UI yang berbeza pada halaman yang sama. Rujuk kepada contoh berikut, membaca dan menulis berada dalam fail ui yang berbeza, tetapi dalam skop halaman yang sama. Ia juga sangat mudah untuk digunakan, terdapat dua cara:
Walaupun ia sangat mudah, ia tidak disyorkan kerana ia terlalu kasual untuk digunakan Jika ia adalah pembangunan kolaboratif atau projek yang kompleks, jika anda menghadapi pepijat, ia akan menjadi sukar untuk mengesan dan menyahpepijatnya.
// 在test1.ui.js里设置js的全局变量，二种方式。
// 1.不要加var前缀的变量定义,
key1 = "value1";
// 2. 把全局变量定义在deviceone对象上
deviceone.key2 = {
"k1" : "v1",
"k2" : "v2",
"k3" : "v3",
"k4" : "v4"
}
// 在test2.ui.js里获取test1.ui.js里定义的全局变量，二种方式。
var content = {};
content.key1 = key1;
content.key2_k3 = deviceone.key2["k3"]; 3. Pembolehubah Javascript (skop ui)
Ini tidak memerlukan banyak penjelasan, ia adalah definisi pembolehubah js biasa, yang hanya sah dalam skop ui.js semasa.
var key1 = "value1";
4. Mod memori sqlite
SQLite biasanya dalam mod fail Terdapat situasi khas di mana anda boleh menggunakan SQLite secara langsung dalam ingatan Ia sesuai untuk struktur data yang kompleks dan operasi teks yang menyusahkan akan menjadikan operasi lebih fleksibel.
Hanya terdapat satu mod memori dan nama itu ditetapkan di:memory:.
Ia akan diperkenalkan secara terperinci kemudian dalam pengenalan pangkalan data sqlite.
Perkongsian Fail
Ini mudah difahami Perkongsian fail adalah skop apl dan boleh diakses selepas apl dimulakan semula. Anda boleh menggunakan komponen do_Storage untuk menulis kandungan pada fail di mana-mana dalam apl, dan kemudian membaca kandungan daripada fail di tempat lain. Rujuk contoh berikut, membaca dan menulis adalah pada halaman yang berbeza. Apa yang perlu diperhatikan di sini ialah membaca dan menulis fail biasanya tidak segerak Anda perlu memastikan bahawa kandungan telah ditulis sebelum anda boleh membacanya
// 在index.ui.js里写文件file1和file2,可以直接写json对象
var key1 = "value1";
storage.writeFile("data://file1", key1, function(data, e) {
// 回调到这里才真正把内容写完，如果在执行到这里之前去读文件有可能读不到数据
})
var key2 = {
"k1" : "v1",
"k2" : "v2",
"k3" : "v3",
"k4" : "v4"
};
storage.writeFile("data://file2", key2, function(data, e) {
// 回调到这里才真正把内容写完，如果在执行到这里之前去读文件有可能读不到数据
})
// 在datacache/index.ui.js里获取值，可直接返回json对象
var datacache = sm("do_DataCache");
var content = {};
content.key1 = datacache.loadData("key1");
content.key2_3 = datacache.loadData("key2")["k3"];
label.text = "datacache/index.ui.js里获取值，可直接返回json对象 \n"
+ JSON.stringify(content, null, 2);// 格式化 komponen do_SQLite mengakses data pangkalan data
Perlu diingatkan di sini bahawa pembacaan dan penulisan SQLite biasanya tidak segerak Anda perlu memastikan bahawa kandungan telah ditulis sebelum anda boleh membacanya
1. skop apl:
// 创建一个app作用域的sqlite对象，第二个参数是这个对象的标示，第三个参数标示作用域是app
var sqlite_app = mm("do_SQLite", "sqlite_app_id1", "app")
function test_sqlite() {
// 在index.ui.js里利用这个对象创建一个数据库test.db
sqlite_app.open("data://test.db");
var stu_table = "drop table if exists stu_table"
// 同步执行一个SQL语句
sqlite_app.executeSync(stu_table);
// 创建表SQL语句
stu_table = "create table stu_table(_id integer primary key autoincrement,sname text,snumber text)";
// 同步执行一个SQL语句
sqlite_app.executeSync(stu_table);
var stu_sql = "insert into stu_table(sname,snumber) values('xiaoming','01005');"
+ "insert into stu_table(sname,snumber) values('xiaohong','01006');"
+ "insert into stu_table(sname,snumber) values('xiaoliu','01007')";
// 异步执行一个SQL语句
sqlite_app.execute(stu_sql, function(data, e) {
// 回调到这里才真正把数据插入完，如果在执行到这里之前去查询数据有可能读不到数据
deviceone.print("insert finished!")
})
// 根据"sqlite_app_id1"这个id获取一个app作用域的sqlite对象，第二个参数是这个对象的标示，第三个参数标示作用域是app
var sqlite_app = mm("do_SQLite", "sqlite_app_id1", "app")
// 在sqlite/index.ui.js里利用这个对象查询test.db，因为这个对象已经打开了数据库，所以不需要再open了
// 创建查询SQL语句
var stu_query = "select * from stu_table";
// 同步执行一个查询语句
var result = sqlite_app.querySync(stu_query);
label.text = "在sqlite/index.ui.js里利用这个对象查询test.db里的stu_table表的第二条数据
"
+ JSON.stringify(result[1], null, 2); 2. skop halaman:
// 创建一个page作用域的sqlite对象，唯一的id标示是memory_db_id1
var sqlite_app = mm("do_SQLite", "memory_db_id1", "page");
// 在test1.ui.js里利用这个对象创建一个内存数据库,这个名字必须写死是:memory:
sqlite_app.open(":memory:");
// 创建表SQL语句
var stu_table = "drop table if exists stu_table;"
// 内存数据库执行速度快，可以尝试都用同步
// 同步执行一个SQL语句
sqlite_app.executeSync(stu_table);
stu_table = "create table stu_table(_id integer primary key autoincrement,sname text,snumber text)";
// 同步执行一个SQL语句
sqlite_app.executeSync(stu_table);
var stu_sql = "insert into stu_table(sname,snumber) values('laoming','1');"
+ "insert into stu_table(sname,snumber) values('laohong','2');"
+ "insert into stu_table(sname,snumber) values('laoliu','3')";
// 同步执行一个SQL语句
sqlite_app.executeSync(stu_sql);
// 在test2.ui.js里查询在test1.ui.js里创建的数据库表
// 根据memory_db_id1这个标示来获取已经创建好的sqlite对象
var sqlite_app = mm("do_SQLite", "memory_db_id1", "page");
// 创建查询SQL语句
var stu_query = "select * from stu_table";
// 同步执行一个查询语句
var result = sqlite_app.querySync(stu_query);
label.text = "在test2.ui.js里查询在test1.ui.js里创建的内存数据库表的第三条记录\n"
+ JSON.stringify(result[2], null, 2) 数据传递
数据传递涉及到跨作用域，比如不同的ui文件传递数据，不同的page传递数据。
其中最重要也是最常用的方式就是消息机制
1.消息机制
这个环节我们在文档再里详细介绍。
总之，消息机制可以在跨ui作用域传递数据，也可以跨page作用域传递数据。
2.openPage和closePage传递数据。
这个数据传递是跨page作用域，但是只限于相隔二层page之间。比如在page1的基础上打开page2，page1把一些数据传递给page2；page2关闭自身，露出page1，又可以把数据传递回page1. 数据传递可以是任何json对象。
这是一个常规而且非常好的方式，建议都这么使用。
// 在index.ui.js里openPage页面open_close_page/index.ui,传递数据
var d = {
"k1" : "v1",
"k2" : "v2",
"k3" : "v3",
"k4" : "v4"
};
app.openPage({
source : "source://view/open_close_page/index.ui",
data : d,
statusBarState : "transparent"
});
}
// 接受页面open_close_page/index.ui 关闭的时候传递回来的数据
page.on("result", function(data) {
if (data)
nf.alert(JSON.stringify(data, null, 2));
})
// 从index.ui.js传递过来的数据通过getData获取值，可直接返回json对象
var data = page.getData();
label.text = "从index.ui.js传递过来的数据通过getData获取值，可直接返回json对象 \n"
+ JSON.stringify(data, null, 2);// 格式化
function close_me() {
// 关闭自身，把数据传递回下一层page
app.closePage("我是从open_close_page/index.ui关闭的时候传递过来的数据");
}关于本文给大家介绍的js数据共享和数据传递的相关知识就给大家介绍这么多，希望对大家有所帮助！
Kaedah untuk membaca dan menulis fail java dbf
kekunci pintasan kontras kecerahan ps
Padam medan jadual
penggunaan fungsi fungsi js
Analisis perbandingan vscode dan studio visual
Bagaimana untuk menyelesaikan masalah bahawa folder tidak mempunyai pilihan keselamatan
Harga Dogecoin hari ini
psp3000 retak
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
