您当前的位置: 首页 > 知识百科 > 微信小程序方法调用具体流程

微信小程序方法调用具体流程

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

  微信小程序方法调用是小程序开发中必须要掌握的技术之一,今天小编就为大家介绍一下微信小程序方法调用怎么弄,以下就是教程和相关小程序代码。

  一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的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 来暴露模块接口

  如果直接调用则会出现这样的错误

  thirdScriptError

  util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function

  TypeError: util.Regular is not a function

  看完以上资料,大家对于微信小程序方法调用都了解了吗?利用这个教程,你在进行小程序开发的时候应该会简单很多。更多相关资料就在微信小程序商店进行搜索。

  

  微信小程序调用网页怎么开发

  小程序开发调用接口实例

  小程序调用摄像头如何操作?