小程序模块化语法

支持commonJS语法

1⃣️CommonJS规定，每个模块内部有两个变量可以使用，require和module

2⃣️require用来加载某个模块，读入并执行一个js文件，然后返回该模块的exports对象。

3⃣️module代表当前模块，是一个对象，保存了当前模块的信息。exports是module上的一个属性，保存了当前模块要导出的接口或者变量。使用require加载的某个模块获取到的值就是该模块使用exports导出的值

//commonJS.js

module.exports={
  sum(a,b){
    return a+b;
  }
}


//index.js
import {sum} from '../commonJS.js'

Page({

     onLoad: function (options) {
         console.log("commonJS: " + sum(1, 2)); 
    },

})

也支持 es6 语法

1⃣️主要由两个命令构成：exports和import

//es6.js

export default {  //注：一个模块只能有一个默认输出，export default命令只能使用一次
  sum(a,b){
    return a+b;
  }
}



//index.js
import sum from '../es6.js' //使用export default，所以import后面不需要使用大括号了

Page({
    
  onLoad: function (options) {
    console.log("es6: " + sum.sum(3, 4));
  },

})