小程序引入外部模块

导入外部模块(方法)

导出

<!-- utils 文件夹下新建一个help.js文件 -->
<!-- help.js 导出 -->

<!-- 一、 -->
module.exports.userName = "李云龙"

<!-- 二、 -->
module.exports.userName = "李云龙";
module.exports.run = function(){
    console.log(this.userName)
}

<!-- 三、 -->
module.exports.run = function(){
    console.log(this.data.userName)
    这个是当前自己js内的data中的
}

<!-- 四、 -->
module.exports.userName = "李云龙";
module.exports.age = 19;
module.exports.run = function(){
  console.log(this.userName,this.age)
}

导入

<!-- js 文件夹导入 -->
const help = require("../../utils/help.js")

<!-- 一、 -->
onLoad: function (options) {
    console.log(help.userName)  
},

<!-- 二、 -->
<button bindtap="run">点老子呀</button>
run(){
    help.run()
},

<!-- 三、 -->
<button bindtap="run">点老子呀</button>
run:help.run,

<!-- 四、 -->
run:help.run.bind(help),

注:

<!-- 获取应用实例 -->
const app = getApp()
<!-- js中获取应用示例之后就可以使用全局变量了 (需要app.js中有定义<age></age>)-->
onLoad: function (options) {
    console.log(app.globalData.age)
},

合并:

page({
        ...config,
        ...help
    })
    <!-- 所有方法都写到外面可以用这种方法合并进来,一般不咋用 -->

 

上一篇:commonJs


下一篇:webpack常用配置总览