小程序-模块化

require

  any require(string path)

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

参数

名称 类型 说明

path string 需要引入模块文件相对于当前文件的相对路径,或npm模块名,或npm模块路径。不支持绝对路径

示例代码:

            // 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")
                }
            })

module

    当前模块对象

属性

属性 类型 说明

exports Object 模块向外暴露的对象,使用require引用该模块时可以获取

示例代码:

            // common.js
            function sayHello(name){
                console.log(`hello ${name}`)
            }
            function sayGoodbye(name){
                console.log(`goodbye ${name}`)
            }

            module.exports.sayHello=sayHello
            exports.sayGoodbye=sayGoodbye

exports

    module.exports的引用

示例代码:

            // common.js
            function sayHello(name){
                console.log(`hello ${name}`)
            }
            function sayGoodbye(name){
                console.log(`goodbye ${name}`)
            }

            module.exports.sayHello=sayHello
            exports.sayGoodbye=sayGoodbye

导出:

  module.exports={};

引入:

  const util=require("../../utils/util");

原文地址:https://www.cnblogs.com/wuqilang/p/12076131.html

时间: 2024-10-06 16:14:14

小程序-模块化的相关文章

小程序模块化

官网理论 模块化 可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块.模块只有通过 module.exports 或者 exports 才能对外暴露接口. exports 是 module.exports 的一个引用,因此在模块里边随意更改 exports 的指向会造成未知的错误.所以更推荐开发者采用 module.exports 来暴露模块接口,除非你已经清晰知道这两者的关系. 小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时

微信小程序 模块化

模块化也就是将一些通用的东西抽出来放到一个文件中,通过module.exports去暴露接口.我们在最初新建项目时就有个util.js文件就是被模块化处理时间的 /** * 处理具体业务逻辑 */ function formatTime(date) { //获取年月日 var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() //获取时分秒 var hour = date.getH

微信小程序开源项目库汇总

微信小程序开源项目库汇总,里面集合了OpenDigg 上的优质的微信小程序开源项目库,方便移动开发人员便捷的找到自己需要的项目工具等,感兴趣的可以到GitHub上给个star. UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wet

微信小程序UI组件、开发框架、实用库

UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wetoast ★21 - 仿照微信小程序提供的showToast功能 wxapp-charts ★20 - 微信小程序图表charts组件 WeiXinProject ★18 - 列

微信小程序框架集合

UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Canvas增强组件 wetoast ★21 - 仿照微信小程序提供的showToast功能 wxapp-charts ★20 - 微信小程序图表charts组件 WeiXinProject ★18 - 列

微信小程序自学第三课:文件作用域,模块化

一.文件作用域 在 JavaScript 文件中声明的变量和函数只在该文件中有效:不同的文件中可以声明相同名字的变量和函数,不会互相影响. 通过全局函数 getApp() 可以获取全局的应用实例,如果需要全局的数据可以在 App() 中设置,如: // app.js App({ globalData:{ appName : "hcoder", appVersion : "1.1" } }) // index.js var app; Page({ data:{ },

如何在微信小程序定义全局变量、全局函数、如何实现 函数复用 模块化开发等问题详解

1.如何定义全局数据 在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp();  app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数. 定义 全局函数 如下图: 2.如何实现代码的复用 实现函数的复用前我们先复习一个知识点:require 用来加载代码,而 exports 和 module.exports 则用来导出代码.module.exports 对象是由模块系统创建的.在我们自己写模块的时候,需

微信小程序页面跳转、逻辑层模块化

一.页面的跳转 微信小程序的页面跳转函数方法有两个,另外还有两种模块跳转方式. 函数跳转: 1.wx.navigateTo(OBJECT): wx.navigateTo({ url: 'test?id=1' })//保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. //问号后面的参数为传递至指定页面onload方法内的参数.id为自定义参数名,在跳转页面获取参数值时,也是通过这个设置的参数来获取的. 2.wx.redirectTo(OBJECT): wx

微信小程序源码下载(200多个)

微信小程序源码下载汇总,点击标题进入对应的微信小程序下载页面. 最新 demo源码(点击标题进入帖子下载) 描述 1 微信小程序 会议室预定小程序 微信小程序 会议室预定小程序**** 本内容被作者隐藏 **** 2 微信小程序-双人五子棋小游戏 微信小程序-双人五子棋小游戏**** 本内容被作者隐藏 **** 3 打卡签到小程序 用微信小程序实现的一个简单的打卡签到的小程序拒绝 4 微信小程序---左滑删除 微信小程序---左滑删除**** 本内容被作者隐藏 **** 5 一个借钱的记事本的微