小規模プログラムのモジュール化について詳しく解説

ファイルのスコープ

JavaScript ファイルで宣言された変数と関数は、そのファイル内でのみ有効です。同じ名前の変数と関数は、相互に影響を与えることなく、別のファイルで宣言できます。

グローバル アプリケーション インスタンスは、グローバル関数 getApp() を通じて取得できます。グローバル データが必要な場合は、次のように App() で設定できます。いくつかの公開コード それをモジュールとして別の js ファイルに抽出します。モジュールは、module.exports

インターフェース

を通じてのみ外部に公開できます。 次のことに注意してください: exports は

module.exports

の 参照 であるため、モジュール内で

exports

のポインタを自由に変更すると、不明なエラーが発生します。したがって、この 2 つの関係をすでに明確に理解していない限り、開発者には

module.exports

を使用してモジュール インターフェースを公開することをお勧めします。 ミニ プログラムは現在、node_modules の直接導入をサポートしていません。開発者が node_modules を使用する必要がある場合は、関連するコードをミニ プログラムのディレクトリにコピーすることをお勧めします。

// app.jsApp({
  globalData: 1})

これらのモジュールを使用する必要があるファイルでは、require(パス)を使用して公開コードを導入します。

// a.js
// The localValue can only be used in file a.js.var localValue = 'a'
// Get the app instance.
var app = getApp()
// Get the global data and change it.
app.globalData++

ES6構文とAPIサポート

3つの端末上で動作するWeChatアプレット: iOS、Android、

デバッグ用の開発者ツール

iOSでは、アプレットのJavaScriptコードはJavaScriptCoreで実行されますAndroid では、ミニ プログラムの JavaScript コードは同様のものを通じて解析されますが、少なくとも現時点ではいくつかの違いがあり、多くの開発者に多大な迷惑をもたらしています。

0.10.101000 以降のバージョンの開発ツールでは、デフォルトで babel が使用され、開発者コードの ES6 構文を 3 つのエンドすべてで適切にサポートされる ES5 コードに変換し、開発者がさまざまな環境によって引き起こされる開発上の問題を解決できるようにします。開発者はプロジェクト設定でこの機能をオフにすることができます。 この変換は、開発が文法上の問題に対処するのにのみ役立つことに注意してください。Promise などの新しい ES6 API では、開発者は Polyfill またはその他の クラス ライブラリ を導入する必要があります。

コードの品質を向上させるため、ES6 変換機能がオンになっている場合、javasctipt strict モードがデフォルトで有効になります

[関連推奨事項]

1.

WeChat アプレットの完全なソース コードのダウンロード

2.左スワイプ操作とウォーターフォールフローレイアウト

3. WeChatミニプログラムアプリケーションストアのソースコードを追跡

以上が小規模プログラムのモジュール化について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。