WeChat アプレットはパブリック JS のメソッドを参照します

この記事では、パブリック js を参照する WeChat アプレットのメソッドの詳細な例に関する関連情報を主に紹介します。実装方法は、必要な方の参考になれば幸いです

WeChat アプレットはパブリック JS を参照します。 jsでのメソッド例を詳しく解説

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

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

//app.js

App({
  globaData:'huangenai'
 })

//test.js
var 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);
}
//去左右空格;
function trim(s){
  return s.replace(/(^\s*)|(\s*$)/g, "");
}

//最下面一定要加上你自定义的方法（作用：将模块接口暴露出来），否则会报错：util.trim is not a function;
module.exports = {
IsChinese: IsChinese,
trim: trim
}

//test.js

var util = require('../../utils/util.js');
Page({
  onLoad: function () {
  console.log("判断是否为中文:"+util.IsChinese('测试'));
  console.log("去除左右空格：" + util.trim(s));
  }
})

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

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

上記がこの記事の全内容です、そうなると幸いですみんなの学習に役立つ、より多くの関連コンテンツ PHP 中国語 Web サイトにご注目ください。

関連する推奨事項: タブ効果を実現するための WeChat 開発用の

JS

以上がWeChat アプレットはパブリック JS のメソッドを参照しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。