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

在微信小程序开发中,可以通过以下步骤定义和使用公共的 JS 函数,使得其它页面可以调用:

1. 创建一个公共的 JS 文件:在项目的 utils 目录下创建一个 JS 文件,例如 utils/util.js

图片

2. 定义公共函数:在 util.js 文件中定义你需要的公共函数,并导出这些函数。例如

// utils/util.js
function formatTime(date) {
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const day = date.getDate()
    const hour = date.getHours()
    const minute = date.getMinutes()
    const second = date.getSeconds()

    return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
    n = n.toString()
    return n[1] ? n : '0' + n
}

module.exports = {
    formatTime: formatTime
}

3. 在其他页面中引入并使用公共函数:在需要使用这些公共函数的页面中引入 util.js 并调用相关函数。例如:

// pages/index/index.js
const util = require('../../utils/util.js')

Page({
    data: {
        // 页面数据
    },
    onLoad: function () {
        const time = util.formatTime(new Date())
        console.log(time)
    }
})

这样一来,就可以在不同的页面中共享和复用这些公共的 JS 函数了,避免重复代码,提高开发效率

相关推荐

  1. 程序 app.js 简单调用其他页面方法

    2024-07-15 12:42:03       52 阅读
  2. 程序:3.页面开发

    2024-07-15 12:42:03       21 阅读
  3. 程序中 不同页面如何传递参数

    2024-07-15 12:42:03       58 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-15 12:42:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-15 12:42:03       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-15 12:42:03       58 阅读
  4. Python语言-面向对象

    2024-07-15 12:42:03       69 阅读

热门阅读

  1. mysql中的if语句:case when

    2024-07-15 12:42:03       24 阅读
  2. Linux使用systemctl添加自启动程序实现步骤

    2024-07-15 12:42:03       22 阅读
  3. dockerfile配置和yml配置

    2024-07-15 12:42:03       21 阅读
  4. Github 2024-07-14 php开源项目日报 Top10

    2024-07-15 12:42:03       26 阅读
  5. QT5_C++基础

    2024-07-15 12:42:03       28 阅读
  6. 【《流畅的python》3.2-3.3节学习笔记】

    2024-07-15 12:42:03       26 阅读
  7. 科普文:Redis一问一答

    2024-07-15 12:42:03       17 阅读
  8. 加密方式种类有哪些

    2024-07-15 12:42:03       23 阅读
  9. redis高级

    2024-07-15 12:42:03       19 阅读
  10. Kotlin中let、apply、also、with、run的使用与区别

    2024-07-15 12:42:03       24 阅读
  11. MyBatis的原理?

    2024-07-15 12:42:03       22 阅读
  12. node.js的安装及学习(node/nvm/npm的区别)

    2024-07-15 12:42:03       24 阅读
  13. 数据结构与算法 —— Transformers之Pipeline

    2024-07-15 12:42:03       22 阅读