Rumah > hujung hadapan web > tutorial js > Sea.JS pengetahuan ringkasan_kemahiran javascript

Sea.JS pengetahuan ringkasan_kemahiran javascript

WBOY
Lepaskan: 2016-05-16 15:01:53
asal
1259 orang telah melayarinya

SeaJS ialah rangka kerja pemuatan modul JavaScript yang mengikut spesifikasi CommonJS. Ia adalah alat pemuatan modul moden untuk pembangunan web, memberikan pengalaman modular yang ringkas dan muktamad. Sea.js diselenggara bersama oleh Alibaba, Tencent dan syarikat lain.

Faedah menggunakan Sea.js:

Sea.js mengikuti cara penulisan dan penyusunan kod yang mudah dan semula jadi, serta mempunyai ciri teras berikut:

Spesifikasi definisi modul yang ringkas dan mesra: Sea.js mengikut spesifikasi CMD dan boleh menulis kod modul seperti Node.js.
Organisasi kod semula jadi dan intuitif: pemuatan automatik kebergantungan dan konfigurasi ringkas dan jelas membolehkan kami menikmati pengekodan lebih banyak.
Sea.js juga menyediakan pemalam yang biasa digunakan, yang sangat membantu untuk pembangunan, penyahpepijatan dan pengoptimuman prestasi, serta mempunyai antara muka yang boleh dikembangkan yang kaya.

Berikut ialah pengenalan kepada tiga mod penulisan modul di laut.js

Gunakan eksport ialah objek yang digunakan untuk menyediakan antara muka modul kepada dunia luar.

define(function (require, exports, module) {
var a = require("./init");
var fun1 = function () {
return a.write("模块main调用模块init的write方法");
};
exports.fun1=fun1;
}); 
Salin selepas log masuk

Selain menambah ahli pada objek eksport, anda juga boleh menggunakan return untuk menyediakan antara muka secara langsung kepada dunia luar.

define(function(require,exports,module){
var a = require("./init");
var fun1 = function () {
return a.write("模块main调用模块init的write方法");
};
return{
fun1:fun1
}
})
Salin selepas log masuk

Jika modul tidak mempunyai sebarang logik perniagaan dan hanya mengembalikan objek, ia boleh dipermudahkan kepada yang berikut

define({
fun1 : function () {
alert("模块main的fun1调用成功")
}
});
Salin selepas log masuk

Kaedah lain ialah menyediakan antara muka bersatu kepada dunia luar melalui modul.eksport Contohnya:

define(function(require,exports,module){
var a = require("./init");// ./是当前目录 ../是上级目录 /是根目录
var fun1 = function () {
return a.write("模块main调用模块init的write方法");
};
exports.b=function(){ //没有任何意义,赋值无效
alert("bb")
};
module.exports={
fun1:fun1
}
});
Salin selepas log masuk

eksport hanyalah rujukan kepada module.exports. Apabila eksport ditetapkan semula dalam kaedah, nilai module.exports tidak akan diubah. Oleh itu, memberikan nilai kepada eksport adalah tidak sah Kaedah di atas hanya mendedahkan satu fun1 kepada luar Tugasan kaedah b di atas adalah tidak sah dan tidak boleh digunakan untuk menukar antara muka modul.

eksport.async()
require.async(id||[], panggil balik?)

Kaedah require.async digunakan untuk memuatkan modul secara tidak segerak di dalam modul dan melaksanakan panggilan balik yang ditentukan selepas pemuatan selesai. Parameter panggil balik adalah pilihan.

define(function(require,exports,module){
require.async('./init',function(a){
a.write("模块main调用模块init的write方法")
});
require.async(['./init',"./search"],function(a,b){
a.write("模块main调用模块init的write方法");
b.search("search模块成功引入")
});
});
Salin selepas log masuk

Modul modul ialah objek yang menyimpan beberapa sifat dan kaedah yang dikaitkan dengan modul semasa.

1 modul.id Rentetan

Pengecam unik modul.

2 modul.uri Rentetan

Laluan mutlak modul yang diperolehi mengikut peraturan penghuraian laluan sistem modul Dalam keadaan biasa (apabila parameter id tidak ditulis tangan dalam define), nilai module.id ialah module.uri, dan ia adalah. betul-betul sama.

3 module.dependencies Array

kebergantungan ialah tatasusunan yang mewakili kebergantungan modul semasa.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan