1. 程式人生 > >微信小程式(2)引入模組

微信小程式(2)引入模組

  • 微信小程式中有些公共的js程式碼不需要在每個頁面中重複編寫,所以可以採用將其模組化的方式進行引用。

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

  • 新建pages/utils/common.js                                                          
  • 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.使用模組中的方法
      }
    })