ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットはパブリック JS のメソッドを参照します

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

不言
リリース: 2018-06-23 15:52:16
オリジナル
5788 人が閲覧しました

この記事では、パブリック 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート