微信小程序(2)引入模块

  • 微信小程序中有些公共的js代码不需要在每个页面中重复编写,所以可以采用将其模块化的方式进行引用。

1.需要被引用的公共模块

  • 新建pages/utils/common.js                                                           微信小程序(2)引入模块
  • js代码
    function sayHello(name) {
      console.log('Hello ' + name +'!' )//java中比较常见的输出方式
    }
    function sayGoodbye(name) {
      //`符号要区别与'单引号 这个符号可以直接获取变量值 
      console.log(`Goodbye ${name} !`)
    }
    
    module.exports.sayHello = sayHello
    exports.sayGoodbye = sayGoodbye
                                                                     

2.其他页面引用

  •  在index.js中引用
    //1.先引入模块
    var common = require('../utils/common.js')
    
    
    Page({
      clickMe:function(){
        common.sayHello('MINA');//2.使用模块中的方法
      }
    })