【微信小程序】引入模块(require、import)和返回模块(module.exports、export)

最新推荐文章于 2025-03-17 08:17:47 发布

川川~

最新推荐文章于 2025-03-17 08:17:47 发布

阅读量5.4k

点赞数 3

分类专栏：微信小程序

本文链接：https://blog.csdn.net/zhangshuny/article/details/113846525

版权

微信小程序专栏收录该内容

21 篇文章

订阅专栏

本文介绍了如何在微信小程序中使用require引入模块，并展示了ES6的export和import语法，包括常量、变量的导出和导入，以及别名的使用。重点讲解了模块管理和接口暴露的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序官方文档上使用require来引入模块

引入模块。返回模块通过 module.exports 或 exports 暴露的接口

引用一下官方例子

// common.js
function sayHello(name) {
  console.log(`Hello ${name} !`)
}
function sayGoodbye(name) {
  console.log(`Goodbye ${name} !`)
}

module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye
var common = require('common.js')
Page({
  helloMINA: function() {
    common.sayHello('MINA')
  },
  goodbyeMINA: function() {
    common.sayGoodbye('MINA')
  }
})

使用es6的export与import返回和引入模块

globalConfig.js

const config = {
  //线上版本号
  version: "1.0.1"
}
export { config }

index.js

import {
  config
} from '../../globalConfig.js'

export除了上面的一种写法还有

export写法一

export const config = {
  //线上版本号
  version: "1.0.1"
}
export let func = function(){
  console.log("func")
}

export写法二

 const config = {
   //线上版本号
   version: "1.0.1"
 }
 let func = function () {
   console.log("func")
 }
 
 export {
   config,
   func
 }

对应的import

import {
  config,
  func
} from "../../globalConfig.js"

给export或者import的数据起别名

 const config = {
  //线上版本号
  version: "1.0.1"
} 
let func = function(){
  console.log("func")
}
export { config,func as func1}

import {
  config as config1,
  func1
} from "../../globalConfig.js"