微信小程序设置公共方法（函数共享）

最新推荐文章于 2024-07-14 21:04:16 发布

牛大der

最新推荐文章于 2024-07-14 21:04:16 发布

阅读量2.2k

点赞数

分类专栏：微信小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/m0_47759438/article/details/112894620

版权

本文介绍如何在微信小程序中实现函数共享，通过将公共代码抽离到独立的 js 模块，利用 module.exports 或 exports 进行接口导出，提升代码复用性和组织效率。

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

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

// a.js页面
module.exports.add = function (e,i){
   
  return e + i
}


//b.js页面
var utils = require(

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

牛大der

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序提取公用函数到util.js及使用方法示例

10-17

主要介绍了微信小程序提取公用函数到util.js及使用方法,结合实例形式分析了util.js公用函数相关调用操作技巧,需要的朋友可以参考下

详解微信小程序的不同函数调用的几种方法

10-17

在微信小程序开发中，函数调用是实现各个功能的关键，本文将详细介绍几种常见的函数调用方法，帮助开发者更好地理解和运用。一、调取参数直接调用在同一个JS文件内部，可以直接调用定义的函数。例如，我们有一个`...

参与评论您还未登录，请先登录后发表或查看评论

小程序定义公共函数

weixin_33943836的博客

04-13

1849

格式如下：引用使用： 微信小程序module.exports 模块化 /common.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21var studentList = [ { name: "xiaoming", age:...

微信小程序之公共函数引入

weixin_30609331的博客

07-07

716

// 加载配置文件 const config = require('../config.js'); module.exports = { //提醒弹框 REMIND:function(that = '', title = ''){ that.setData({ remindShow:true, remindWord:title }) // 延时1s结束显示 var _this=that;...

微信小程序——封装公共函数的方法

wct040923的博客

03-28

2442

总体来说此方法并不难，各位可以直接尝试一下封装属于自己的公共函数，做出属于自己的工具类，期待和各位一起进步呀！

【微信小程序开发】如何定义公共的js函数，其它页面可以调用

最新发布

软件工程小施同学的专栏

07-14

879

这样一来，就可以在不同的页面中共享和复用这些公共的 JS 函数了，避免重复代码，提高开发效率。文件中定义你需要的公共函数，并导出这些函数。：在需要使用这些公共函数的页面中引入。目录下创建一个 JS 文件，例如。

微信小程序淘宝微信小程序个人中心页面

07-27

5. **状态管理**：为了管理全局状态或跨页面共享数据，可以使用`wx.setStorageSync()`和`wx.getStorageSync()`方法存储和读取本地数据，或者引入第三方的状态管理库如Redux或Vuex的微信小程序版。 6. **页面路由**...

微信小程序源码大全（130个）

04-21

1. **页面生命周期**：每个微信小程序页面都有自己的生命周期，包括onLoad、onShow、onReady、onHide、onUnload等方法，理解这些生命周期对于优化性能和管理数据至关重要。 2. **数据绑定**：WXML与JS之间的数据...

原生小程序--公用功能函数

hjy170314的博客

03-27

543

在开发过程中，会有一些功能是多个页面都需要用的，而且这些功能都是一模一样的，有些顶多是个参数的变化，此时我们需要将其进行封装成一个公用的函数，在需要用的时候直接调用。 common.js 我这里简单写了两个跳转方式的封装 var app = getApp() let navigUrl = [] const navigatorUrl = function(url,time) { navig...

微信小程序引用公共js里的方法的实例详解

12-12

微信小程序引用公共js里的方法的实例详解一个小程序页面由四个文件组成，一个小程序页面的四个文件具有相同路径与文件名，由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法，我们想抽离出来成为一个独立公共的js文件。我们该如何实现呢。在根目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻松调用。 //app.js App({ globaData:'huangenai' }) //test.js var app = getApp(); Page({ onLoad: function () { console.log(app

微信小程序 定义全局数据、函数复用、模版等详细介绍

11-28

微信小程序 定义全局数据、函数复用、模版等问题总结： 1.如何定义全局数据　　在app.js的App({})中定义的数据或函数都是全局的，在页面中可以通过var app = getApp(); app.function/key的方式调用，不过我们没有必要再app.js中定义全局函数。 2.如何实现代码的复用　　函数的复用： test.js test: function(){ } module.exports={ test:test } other.js var common = require('test.js'); page({ 　　common.test() }) 　　模板：

微信小程序定义公共方法

俗人

10-17

2842

微信小程序定义公共方法还是很简单的，一个三步创建，引入，使用 1.创建在page创建文件夹utils,在创建文件utils.js,看下我的在utils.js中定义你的方法，然后导出 2.引入在你想要使用的组件中引入 var util = require('../../utils/util.js'); 有的位置不一样路径就不一样，根据自己的调整 3.使用 util.test('测试自定义方法'); 这样就成功了。 ok,收工 ...

小程序如何写公共方法

为啥不能换名字的博客

08-14

6459

1.子页面使用app.js的公共方法 const app = getApp(); Page({ data: { }, // 扫一扫 scan: function(){ app.scan(); }, }) 2.app.js中写公共方法 //app.js App({ // 扫一扫 scan: function(e){ console.log...

微信小程序 App.js 公共方法小功能

黄同学的博客

08-25

953

微信小程序 App.js 公共方法小功能 //

小程序导出（使用）公共函数，公共数据

VueJiang的博客

07-15

2373

小伙伴在刚接触微信小程序开发时，在开发过程中肯定遇到过在多出需要实现同一效果，所以这时候就需要公共函数来简化我们的代码，不然一遍又一遍复写相同的代码，甚是繁琐，那麽怎么导出使用公共函数呢？看看吧~ #####1 app.js内的函数，数据 app.js文件相当于一个公共文件，不需要将函数导出，只需要在需要的界面引入即可进行使用~ app.js: App({ appFun(){ console.log("这是很多页面都需要使用到的函数呀~") } g.

微信小程序全局公用方法或变量的定义及使用

m0_71537867的博客

03-09

2981

微信小程序全局公用方法或变量的定义及使用

微信小程序 --封装公共js方法以及组件化

u013355659的博客

11-21

5993

微信小程序知识点总结: 小程序的代码结构与vue的代码结构相近,所以我们在构建微信小程序的时候尽可能的去将一些公共的方法单独用js进行封装. 1:微信小程序 App.js 是入口的js也是全局的js //app.js var util = require('./utils/util.js'); var api = require('/pages/config/api.js'); var use...

小程序封装公共方法/组件

m0_53912016的博客

04-24

1610

封装当经常需要调用使用这个方法时，如果重复使用会增加代码的冗余，这个时候公共组件的封装就突显了它自身的价值了。类似于封装请求接口一样初始封装JS 创建公共方法封装组件在小程序项目的根目录，创建一个common文件夹，这个文件夹中创建一个xxx.js 然后在方法的最后module.exports = {}。 // -----------------commonJs.js----------------- let testTxt = "aaa"; function testFun(bbb) {

微信小程序中实现数据共享的方法与实践

微信小程序实现共享数据是开发中常见的需求，需要开发者能够理解小程序的数据管理机制，并能够灵活运用。首先，微信小程序中的数据共享方式可以类比为Vue中的state管理模式。在Vue中，state作为数据状态的集中管理...