Javascript模块化编程(二)commonJS规范和AMD规范

  • commonJS规范(同步引入模块的规范)
	对外暴露 module.exports;
    引入require("模块路径");
    
      const gulp = require("gulp");
      gulp.task(); //同步执行,必须等数据下载完成以后,才能够执行。如果加载的时间长,整个应用都会停在那里等
      【注】只能用于服务端情况。
  • ECMA6的规范(异步操作内部做好)
对外暴露  export default
    引入  import
  • AMD 规范 (异步引入模块的规范)模块的加载不影响它后面语句的运行,所有依赖这个模块的语句都定义在一个回调函数中,等到加载完成后,这个回调函数才运行。
 require([module], callback);
 第一个参数:是一个数组,里面的成员就是要加载的模块,
 第二个参数时加载成功之后的回调函数。
 如果把上面的改写成AMD形式,就是下面这样
require(["gulp"],function(gulp){
   gulp.task(); 
};
posted @ 2020-07-22 15:04  Cupid05  阅读(32)  评论(0编辑  收藏  举报