如何从小程序中提取公用函数到util.js

本篇文章给大家分享的内容是如何从小程序中提取公用函数到util.js ,有着一定的参考价值,有需要的朋友可以参考一下

在小程序中,定义了一项工具文件utils,此文件的js旨在本文件之内有效,当其他子页面想调用其中的js方法或者变量时,需要两步骤:

1:在utils被调用的js文件中,面向对象的方式模型输出:  module.exports={要调用的函数名称:要调用的函数名称 };

2:在要调用的js文件中模块化引入utils的js文件  var object=require(“utils被调用的js文件地址”); 可以输出一下object就能看到被调用的方法了;

例子如下:

utils中被调用的js:

var URl='http://123.23.169'; var getImageurl=function(imageurl){return URl+imageurl; } //  要引用这个文件的函数或者变量,除了在要引用的的js文件中模块化之外(var utils=require('js地址')),// 在被引用的的js中要通过 module.exports={a:a}作为面向对象的变量输出函数如下: module.exports={     URl:URl,//要引用的函数 xx:xx     getImageurl:getImageurl }

登录后复制

要调用的js文件

// 获得工具utils工具js里面函数,先模块化引用utils里面的js地址  reqiure('js地址')成一个面向对象var utils=require('../../utils/app.js')// console.log(utils) 可查看获得的函数console.log(utils.getImageurl('iamgeaaddress.png'))  

登录后复制

输出结果

如何从小程序中提取公用函数到util.js

相关推荐:

提取util公用方法

正文提取

小程序公用js提取到app.js中调用的实例

以上就是如何从小程序中提取公用函数到util.js的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2772294.html

(0)
上一篇 2025年3月8日 13:13:20
下一篇 2025年3月8日 13:13:25

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 浅析手机滑动插件—iscroll.js

    本篇文章给大家分享的内容是浅析手机滑动插件–iscroll.js,有着一定的参考价值,有需要的朋友可以参考一下 话不多说,直接上代码: //实例化滚动插件    var myScroll = new IScroll(‘#wrap…

    编程技术 2025年3月8日
    200
  • 用NodeJS让视频转码

    这次给大家带来用NodeJS让视频转码,用NodeJS让视频转码的视频有哪些,下面就是实战案例,一起来看一下。 视频转码就是一个先解码,再编码的过程,从而将原来的视频转换成我们需要的视频。这种转换可能包括各式(mp4/avi/flv等)、分…

    编程技术 2025年3月8日
    200
  • Emergence.js插件的使用详解

    这次给大家带来Emergence.js插件的使用详解,Emergence.js插件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Emergence.js 是一个轻量级,高性能的 JS 插件,用于检测和操作浏览器中的元素。 这个插件…

    编程技术 2025年3月8日
    200
  • JS实现五子棋小游戏

    这次给大家带来JS实现五子棋小游戏,JS实现五子棋小游戏的注意事项有哪些,下面就是实战案例,一起来看一下。 思路: 1、先用canvas画五子棋的棋盘2、获取鼠标点击的位置3、根据鼠标点击的位置判断,并画棋子4、根据下的棋子判断是否赢了 代…

    编程技术 2025年3月8日
    200
  • 关于js的一些小知识点代码分享

    本篇文章给大家分享的内容是关于js的一些小知识点代码分享 ,有着一定的参考价值,有需要的朋友可以参考一下 js 防止重复提交 第一种方式 点击时返回false   2. 点击时,把按钮变为不可用 比如 disabled  var feedb…

    编程技术 2025年3月8日
    200
  • JS+canvas做出围绕旋转动画

    这次给大家带来JS+canvas做出围绕旋转动画,JS+canvas做出围绕旋转动画的注意事项有哪些,下面就是实战案例,一起来看一下。 使用canvas的convas来实现围绕旋转动画,外圈顺时针,里层逆时针 html文件 body { m…

    编程技术 2025年3月8日
    200
  • js的作用域使用详解

    这次给大家带来js的作用域使用详解,js作用域使用的注意事项有哪些,下面就是实战案例,一起来看一下。 JavaScript是现在很多人都在使用的,对于JavaScript的使用,可能很多人还不是很清楚作用域以及块级作用域,这里文章就给大家具…

    编程技术 2025年3月8日
    200
  • 如何在java程序中运行js的代码分享

    本篇文章给大家分享的内容是如何在java程序中运行js的代码分享,有着一定的参考价值,有需要的朋友可以参考一下 1.6版本中增加了scriptengine可以直接运行js代码 1、直接写js代码 import javax.script.Sc…

    编程技术 2025年3月8日
    200
  • JS+HTML做出时钟动画

    这次给大家带来JS+HTML做出时钟动画,JS+HTML做出时钟动画的注意事项有哪些,下面就是实战案例,一起来看一下。 涉及到的知识点有: CSS3动画、DOM操作、定时器、圆点坐标的计算(好多人是不是已经还给自己的老师了~) 接下来,我们…

    编程技术 2025年3月8日
    200
  • vue.js操作数组数据的方法

    这次给大家带来vue.js操作数组数据的方法,vue.js操作数组数据的注意事项有哪些,下面就是实战案例,一起来看一下。 1、在默认的情况下,Vue.js默认不支持往数组中加入重复的数据。可以使用track-by=”$index…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论