WeChat アプレットが他の JS のメソッドを参照する

WeChat アプレットでは、WeChat 公式開発ドキュメントでアプレットのディレクトリ構造を知ることができます。

ミニ プログラム ページは 4 つのファイルで構成されており、これらの 4 つのファイルは同じパスとファイル名を持っています。このことから、ミニ プログラム ページはページと同じ名前の js ファイルに対応していることがわかります。ただし、パブリック メソッドがいくつかある場合は、それらを独立したパブリック js ファイルに抽出する必要があります。どうすればこれを達成できるでしょうか?

ルートディレクトリにapp.jsファイルがあります。 getApp() を通じて、このルート ディレクトリにある js ファイルを簡単に呼び出すことができます。

//app.js
App({
   globaData:'huangenai'
 })

//test.jsvar app = getApp();
Page({
 onLoad: function () {

 console.log(app.globaData);

 } 
})

開発者ツールのコンソールで確認できます

次に、いくつかの一般的なパブリックメソッドを抽出したら、ルートディレクトリに新しい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: "http://localhost:59637",//获得接口地址  IsChinese: IsChinese,
}

//test.jsvar util = require('../../utils/util.js');
Page({
    onLoad: function () {
    console.log("判断是否为中文:"+util.IsChinese('测试'));
    console.log("输出接口url："+util.getRequestUrl);
    }
})

開発者ツールのコンソールで確認できます

util.js の Regular() メソッドでは、次のように util. ​​Regular() を呼び出すことができないことに注意してください。これは、モジュールインターフェイスを公開するために module.exports を使用していないためです

直接呼び出すと、そのようなエラーが発生します

thirdScriptError
util. ​​Regular は、「pages/test/test」ページの lifeCycleMethod onLoad 関数ではありません。
TypeError: util. ​​Regular は関数ではありません

その他の WeChat アプレットについては、他の JS のメソッドを参照している関連記事がある PHP 中国語 Web サイトにご注意ください。