微信小程序引用同一js文件中的方法函数（function）

最新推荐文章于 2026-04-24 09:22:35 发布
原创 最新推荐文章于 2026-04-24 09:22:35 发布 · 4.4w 阅读 · 14 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#微信小程序 #复用js方法
本文介绍在小程序中如何实现JS方法的复用，通过示例展示了如何在一个生命周期函数中调用另一个方法，以此来简化代码并提高开发效率。

在小程序的js文件中，有时候我们也要复用同一js的一个或多个方法。如下即可

/**
* 生命周期函数–监听页面显示
*/
onShow: function (options) {
var that=this;
that.queryCartList();

},
queryCartList:function(){
console.log(‘ok’)
}


上面代码是在onShow方法调用queryCartList方法，可以看出打印出了queryCartList里面的输出。

![这里写图片描述](https://img-blog.csdn.net/20170727200006324?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZEtuaWdodEw=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
微信小程序开发 错误修改方法笔记
BaiYH1994的博客
09-13 2万+
1  微信小程序中调用豆瓣API接口时提示错误 GET http://api.douban.com/v2/movie/in_theaters 400 的解决方法如下 loadMovie:function(){ var page=this; wx.request({ url: 'http://api.douban.com/v2/movie/in_theaters', /
小程序 function(e) 中的 e
Z_0926的博客
11-19 3936
function(e)中的e 小程序： 　　e相当于event，包含点击、长按等事件的内容 　　在wxml里面通过 data-XX 给组件绑定一个值，就可以在 e 中获取 实例： <picker bindchange="changeU" data-id='{{elem.id}}' ></picker> changeU: function (e) { console.log...
微信小程序使用函数的三种方法
血色天空的专栏
03-12 5215
使用app.js内定义的函数。函数写在util.js页面。使用来自不同页面的函数。
嵌入式DISPC显示子系统寄存器配置与优化指南
最新发布
weixin_30437847的博客
04-24 280
显示控制器(DISPC)是嵌入式系统中的关键组件，负责将图形数据转换为显示信号。其核心原理是通过寄存器配置管理视频流水线，包括FIFO缓冲、像素格式转换、色彩空间映射和时序控制等技术模块。在工程实践中，合理的DISPC寄存器配置能显著提升显示性能，优化带宽利用率并降低功耗。以视频FIFO阈值寄存器为例，通过精确设置高低水位线可平衡DMA效率与数据稳定性，而色彩空间转换矩阵寄存器则直接影响YUV到RGB的转换质量。这些技术在医疗影像、工业HMI等实时性要求高的场景尤为重要。本文以TI处理器为例，详解DISPC
Web前端之动态执行JavaScrip、微信小程序无法使用eval和Function的解决办法、字符串表达式、字符串运算、数学计算、parseFloat、Function、pop
CSDN博客主页地址：https://mengjian.blog.csdn.net/
11-17 2599
Web前端之动态执行JavaScrip、微信小程序无法使用eval和Function的解决办法、字符串表达式、字符串运算、数学计算、parseFloat、Function、pop
微信小程序传值
DarKer_LB的博客
12-21 1346
点击事件传值 小程序里事件 function(参数)，这样传值是不管用的。 需要在你绑定事件的元素上加上data-参数名=’参数值‘ 如下： 接下来我们直接打印这个传来的参数。 可以看到我们传的值在currentTarget.dataset里，所以要使用点击事件传值的时候我们直接在元素加data-参数名=参数值，然后再对应的函数中用currentTarget.dataset.参数名，就可以正常使用了。 wxml <view data-name="value" bindtap="test"&g.
微信小程序——4. 函数参数默认值
weixin_63215361的博客
12-25 286
【代码】微信小程序——4. 函数参数默认值。
【微信小程序】在js中导入第三方js或自己写的js，使用外部js中的function的两种方法 import和require的区别使用方法 【外加：使用第三方js导出的默认function的调用方法】...
weixin_34308389的博客
11-01 1031
如下 定义了一个外部js文件，其中有一个function import lunaCommon from '../lunaCommon.js'; var ctx = wx.getStorageSync("ctx"); var filter = "/ms-code"; var apis = { //根据sc获取发货单 "findDispatchBill": function (data...
微信小程序调用函数
zhang20040217的博客
06-30 2524
在小程序的Page对象中定义的函数可以直接在页面的生命周期函数、事件处理器或其他函数中调用。5 }6});你还可以将函数定义在独立的JS文件中，然后在需要的Page对象中导入并调用。在微信小程序中调用函数的方式多样，可以根据实际需求选择最适合的调用方式。无论是直接在Page对象中定义和调用函数，还是在外部JS文件中定义并通过模块导入使用，或者是作为异步操作的回调，理解这些调用机制对于小程序的开发至关重要。
【微信小程序】零基础学 小程序语法_微信小程序语法难学吗
2301_82243558的博客
04-27 591
/输出结果：{name:“张三”, sex:“男”， age:18}console.log(0.5 === a / b);username:‘张三’, sex:‘男’, age:18},username:‘李四’, sex:‘女’, age:20},username:‘王五’, sex:‘男’, age:19},username:‘张三’, sex:‘男’, age:18。username:‘李四’, sex:‘女’, age:20。username:‘王五’, sex:‘男’, age:19。
微信小程序之JavaScript
朗朗上口就行啦的博客
05-18 4867
学习路径：菜鸟教程，主要就是熟悉一下JavaScript的语法规则，然后我学习的是微信小程序，所以JavaScript很多内容都不需要，例如在html中的使用 1、JavaScript简介 JavaScript 拥有动态类型，使用关键字 var 来定义变量，返回时确定数据类型 JavaScript使用分号分割语句（非必要），使用分号是可以在一行执行多条语句 JavaScript中的let命令所在的代码块内有效 JavaScript中的const不需要声明变量类型，c语言用法cons...
【微信小程序】Page外function函数获取Page中data的值
CatShitK的博客
05-20 852
现在是在做一个Echarts表格为了获取Page.data的数据来更新图标数据。
微信小程序使用函数的方法
采菊东篱下，Python满乾坤！
09-25 3712
一、使用来自不同页面的函数 函数写在util.js页面 function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = dat...
微信小程序多页面引用一个公共页
qq_20006067的博客
02-25 4825
这段时间在项目中遇到一个购物车的需求，tabBar页面需要购物车，在购物界面也要能跳转到购物车； 之前的做法是直接跳转到tabBar的购物车页面，但是这种跳转既不流畅，也不美观； 于是只能新建一个页面，做成和tabBar的购物车一样的，但是程序员都很懒，即使是复制一个页面也无法接受，于是就在寻找多个页面引用一个功能页面的方法，经过测试终于得出一套可行的方案，仅供参考！ 首先介绍一下微信小程序wxml、wxs、js引用其他文件的方法 wxml - include(还有另一个import，这里不做介绍，可以到官
小程序中 function (res)的理解
热门推荐
与光的博客
03-23 1万+
res =>可以理解为function(res)。 例子： success: res =>　　{　　……　　} 可以理解为success:function(res){……} 两者的区别： this作用域的问题。 function(res)里，this指向是正确的； res=>里，this指向function本身。 解决办法：let that = this ...
uniapp开发微信小程序时，动态表单验证validateFunction的正确姿势
wangxi83的博客
02-02 3150
uniapp开发小程序，自定义validateFunction不生效的问题
微信小程序的文件结构 —— 教程系列（1）
2401_83641098的博客
05-10 1037
全局文件这个是小程序的脚本代码文件，可以在这个文件上进行监听，并处理小程序的一些生命周期（比如一些全局变量）在这个app.js文件内，需要使用App()函数，来注册程序。演示：//app.jsApp({onLaunch: function () {//当小程序初始化完成时，会触发onLaunch（全局只触发一次）},onShow: function () {//当小程序启动，或从后台进入前台显示，会触发onShow},onHide: function () {//当小程序从前台进入后台，会触发onHide}
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值