js模块化的方法

一个新手
Lepaskan: 2017-09-20 09:26:54
asal
1353 orang telah melayarinya


CommonJS

  • 在CommonJS中,有一个全局性方法require(),用于加载模块。exports用于导出模块。

方法一://被导入文件aa.jsmodule.exports = function() { alert('a'); };//主文件main.jsvar aa = require('./aa.js'); aa(); 方法二:  //被导入文件aa.jsmodule.exports = { a:function(){ alert('a'); }, b:function(){ alert('b'); } }//主文件main.js var greeter = require('./aa.js'); greeter.a(); greeter.b();
Salin selepas log masuk

AMD规范

  • 由于浏览器端的模块不能采用同步的方式加载,会影响后续模块的加载执行,因此AMD规范诞生了。适合在浏览器环境中异步加载模块。

  • 导入方法:require([module], callback);

  • 导出方法:define(id, [depends], callback);

CMD规范

  • CMD规范和AMD很相似,尽量保持简单,并与CommonJS和Node.js的 Modules 规范保持了很大的兼容性。

ES6模块化方法

//被导入文件a.jsexport function bbb(){ alert('bbb'); } export function ccc(){ alert('ccc'); } export function ddd(){ alert('ddd'); }//主文件main.jsimport * as b from './b.js';//导入所有内容import {bbb,ccc} from './b.js';//只导入需要的函数
Salin selepas log masuk

Atas ialah kandungan terperinci js模块化的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!