public jsを参照してWeChatアプレットでメソッドを共有する方法

黄舟
リリース: 2018-05-17 17:03:28
オリジナル
6012 人が閲覧しました

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

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

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

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

//app.js

App({
  globaData:'huangenai'
 })
ログイン後にコピー
rree

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

次に、いくつかの一般的なパブリックメソッドを抽出すると、ルートディレクトリに utils フォルダーが存在します (そうでない場合は、新しいフォルダーを作成してください)。 .js (そうでない場合は、新しいものを作成します) ここに共通のメソッドを記述できます。

//test.js
var app = getApp();
Page({
 onLoad: function () {
 console.log(app.globaData);
 } 
})
ログイン後にコピー
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
}
ログイン後にコピー

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

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

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

//test.js

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

以上がpublic jsを参照してWeChatアプレットでメソッドを共有する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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