您当前的位置: 首页 > 知识百科 > 微信小程序引用外部js怎么操作?

微信小程序引用外部js怎么操作?

时间:2023-07-01 14:05 阅读数:89 人阅读 分类:知识百科

  小程序开发是必须会要引用js文件的,但是一般来说都是引用小程序页面本身的js文件,如果基于某种情况,想抽离出来成为一个独立公共的js文件并加以引用,也就是微信小程序引用外部js,要如何操作呢?

  在小程序目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻松调用。

  //app.js

  App({ globaData:'huangenai' })

  //test.js

  var app = getApp();

  Page({

  onLoad: function () {

  console.log(app.globaData);

  } })

  在开发者工具的 Console可以看到

  那么当一些通用的公共方法我们抽出来,在根目录下新建一个utils文件夹,新建util.js在这里我们可以将通用的方法写在这。

  util.js//正则判断

  function Regular(str, reg) {

  if (reg.test(str))

  return true;

  return false;

  }

  //是否为中文

  function IsChinese(str) {

  var reg = /^[u0391-uFFE5]+$/;

  return Regular(str, reg);

  }

  module.exports = {

  getRequestUrl: "localhost:59637",//获得接口地址

  IsChinese: IsChinese,

  }

  //test.js

  var util = require('../../utils/util.js');

  Page({

  onLoad: function () {

  console.log("判断是否为中文:"+util.IsChinese('测试'));

  console.log("输出接口url:"+util.getRequestUrl);

  }

  })

  在开发者工具的 Console可以看到


  注意了,在util.js里的 Regular()方法,我们不可以这样调用util.Regular(),因为我们没有用 module.exports 来暴露小程序模块接口。如果直接调用小程序则会出现这样的错误。

  参照以上流程,大家就可以实现微信小程序引用外部js了,是不是很简单呢?如果还有不理解的地方请及时反馈给小编哦,小编会在微信小程序商店提供相应的素材。

  

  微信小程序js获取元素怎么实现?

  微信小程序js脚本中的函数怎么优化?

  微信小程序调用js方法,微信小程序引用js的方法