コードの再利用性を向上させるための JavaScript 名前空間_JavaScript のヒント

10 個を超える js ファイルが同じ Web ページに導入されると、各 js 内の同じ名前の
関数が競合しやすくなります。
たとえば、addCssStyle メソッドは xxx ライブラリに記述され、addCssStyle メソッドは yyy クラス ライブラリにも記述されます。
これら 2 つのメソッドの具体的な実装には、特定の違いがあります。
これら 2 つのコンポーネントが同時に参照されると、関数の競合によりページの効果が変化します。
競合を避けるためには、
いくつかの優れたコンポーネントの参照を放棄してください。コンポーネント、それはさらに憂鬱です。

このため、JavaScript コンポーネント ライブラリをカプセル化するときは、競合を避けるために名前空間を使用してください。
すべてのメソッドと変数をパッケージ名とクラス名に従って記述します。
(この時にコードを書くのは、Java の util メソッドをカプセル化するのと同じくらい便利です、笑)
ここから、私の js ライブラリは次のようにカプセル化されます。
かなりググってみましたが、既製のものはなかったので、自分で考えたサンプルコードは次のとおりです。
(lizongbo オリジナル!!!)




上記のコードを Web ページにコピーして、効果を確認してください。
2 つの実装方法を比較すると、2 番目の方法で既存のコードを変換するのが最も便利です。
名前空間に従って js ファイルの名前を変更すると、操作がより便利になります。
例:


ライブラリがこの方法で記述されている限り、複数の js ファイルを導入した後で関数の競合を心配する必要はなくなります。