インフラエンジニアを募集中です。詳細はこちら【JavaScript】デザインパターンを知ってみる。モジュール・パターン編JavaScriptminami2014.03.24JavaScriptで書くデザインパターンが気になっているので、手始めに一番よく見ているであろうモジュール・パターンについていろいろ調べてみました。使うの?モジュール・パターンは名前の通り、処理を他の処理とぶつからないように安全に切り離し、モジュールの形として提供する考え方です。大規模なフレームワークから小さなライブラリにも取り入れられています。以下のようなメリットがあります。グローバル変数を極力減らして、機能をモジュールの形で提供できる。いうオブジェクトを作って、いろいろ便利な機能をつけていきたい、という場合、下記のような書き方ができます。Hello,sampleくんです上のような書き方は簡単ですが、変数や関数、全ての値を外部から変更できてしまいます。yonpuruくんですそこでモジュール・パターンを使ってモジュールを定義してみます。即時関数を使ったモジュール・パターンモジュール・パターンではこのような欠点をなくし、外部からアクセスできないprivateなスコープを使うために、即時関数を使ってオブジェクトを定義します。sampleくんです。返された部分のみが外からアクセスできるので、privateやpublicの変数を定義することができます。内を参照すれば公開されているAPIがわかりやすいのも利点です。ライブラリでモジュールパターンがどう使われているかも解説されています。まとめJavaScriptでは厳密にはprivateな変数は作れないが、モジュールパターンを使うことでprivateとpublicの変数・関数を作ることができる。(情報をカプセル化できる。)グローバルオブジェクトを汚さないように、適当な名前空間を設定してその中に変数や処理を記述する。モジュールを定義する即時関数には引数を与えられるので、グローバルオブジェクトを参照させることができる簡単にモジュール・パターンについて調べてみました。基本的な書き方は上記のようなものですが、バリエーションもいろいろあるようなので更に調べてみたいです。便利JavaScriptfujihara2019.05.17はてブバシャログ。Web制作スタッフによるブログです。「現場で使えるテクニック」をモットーに、Web制作全般についてお届けします。