小程序的模块化调用

桃扇骨 2022-06-01 03:25 156阅读 0赞

## 模块化 ##

可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 `module.exports` 或者 `exports` 才能对外暴露接口。

需要注意的是：

*  `exports` 是 `module.exports` 的一个引用，因此在模块里边随意更改 `exports` 的指向会造成未知的错误。所以更推荐开发者采用 `module.exports` 来暴露模块接口，除非你已经清晰知道这两者的关系。
 *  小程序目前不支持直接引入 `node_modules` , 开发者需要使用到 `node_modules` 时候建议拷贝出相关的代码到小程序的目录中。
    
        // common.js
        function sayHello(name) {
          console.log(`Hello ${name} !`)
        }
        function sayGoodbye(name) {
          console.log(`Goodbye ${name} !`)
        }
        
        module.exports.sayHello = sayHello
        exports.sayGoodbye = sayGoodbye
    
    ![SouthEast][]

在需要使用这些模块的文件中，使用 `require(path)` 将公共代码引入

var common = require( '../common/common.js');引入时路径必须填写正确

var common = require('../common/common.js');//引入module
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        
      }, 
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        common.sayHello('MINA')
        common.sayGoodbye('MINA')
      },
    }）

控制台显示效果：

![SouthEast 1][]

具体可看微信小程序开发文档！

[SouthEast]: /images/20220601/2102d384bf334422a18be70fd4ec0266.png
[SouthEast 1]: /images/20220601/7cd57fd2f9624ce4b66ccca0f1362d5b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，156人围观）

还没有评论，来说两句吧...

相关阅读

相关小程序开发：ES6的模块化

在utils 文件夹中可以定义二一些公共的方法js，比如做一些时间戳的转换，属性的计算等； [点击查看文档介绍][Link 1] 方法一：暴露 utils/all.js

水深无声/ 2023年01月03日 05:55/ 0 赞/ 144 阅读

相关 python自动化办公（二十一）模块化：模块之间的调用

目录一、简介二、模块之间调用 2.1、定义四个模块 2.2、main调用模块： -------------------- 一、简介模块化：每个功能

╰半橙微兮°/ 2022年09月12日 04:51/ 0 赞/ 153 阅读

相关模块化【C语言程序设计】

一．实验目的： <table> <tbody> <tr> <td><p><strong>二、实验内容和步骤</strong></p></td> </t

缺乏、安全感/ 2022年06月06日 05:27/ 0 赞/ 143 阅读

相关小程序的模块化调用

模块化可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 `module.exports` 或者 `exports` 才能对外暴露接口。

桃扇骨/ 2022年06月01日 03:25/ 0 赞/ 157 阅读

相关微信小程序day01_11之小程序的模块化

文章目录一. 什么是小程序的模块化二. 小程序模块化代码演示本文代码地址 [https://gitee.com/ja

ゝ一世哀愁。/ 2022年03月14日 15:42/ 0 赞/ 233 阅读

相关微信小程序module.exports 模块化

![646198-20190124171108413-123718926.png][] //common.js `var studentList = [` ` ``

旧城等待，/ 2022年01月11日 13:09/ 0 赞/ 244 阅读

相关微信小程序的作用域和模块化：微信小程序教程系列08

文件作用域在 JavaScript 文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。示例：通过全局函数

拼搏现实的明天。/ 2021年12月05日 02:19/ 0 赞/ 246 阅读

相关小程序调用打电话功能

wx.makePhoneCall({ phoneNumber: 15195986666, success

柔情只为你懂/ 2021年11月08日 19:04/ 0 赞/ 284 阅读

相关 wx小程序——抽离公用方法进行模块化

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

清疚/ 2021年07月26日 01:13/ 0 赞/ 315 阅读

相关 wx小程序——wxs模块讲解2 - 模块调用模块

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Love The Way You Lie/ 2021年07月25日 18:27/ 0 赞/ 452 阅读