JavaScriptでRevealingモジュールパターンを使用する方法
2023-08-04 21:45:08
質問
この投稿を偶然見つけました。 JavaScript のモジュール パターンを明らかにする . 私は私のプロジェクトでこれを使用したいと思います。
ある関数があるとします。
abc
という関数があり、メインの JavaScript ファイルでその関数を呼び出しているとします。
このパターンは物事を違うものにするのでしょうか?どなたかこのパターンの基本的な例を示していただけませんか?
どのように解決するのですか?
ちょっとした例です。
var revealed = function(){
var a = [1,2,3];
function abc(){
return (a[0]*a[1])+a[2];
}
return {
name: 'revealed',
abcfn: abc
}
}();
を与えるために起動される無名関数で
revealed
に値を与えます。
a
と
abc
はその関数のプライベートなものです。この関数が返すのは、オブジェクト・リテラルに
name
プロパティと
abcfn
プロパティへの参照である
abc function
. は
abc function
はプライベート変数
a
. これは、すべて
クロージャ
(関数のスコープ内のすべてのものは、その同じ関数内の他のすべてのものから参照することができます)の使用により、すべて行うことができます。
使い方を公開。
alert(revealed.name); //=> 'revealed'
alert(revealed.abcfn()); //=> 5 (1*2+3)
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] JavaScriptでメールアドレスを検証するのに最適な方法は何ですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] 変異を伴わないオブジェクトからの値の削除
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ジェスト あるクラスの特定のメソッドをモックする方法
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] 文字列のn番目の出現箇所を取得するには?
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] Javascript 空の配列の削減
-
[解決済み] Reactメモを使うべきではない場合とは?
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] リダイレクトされずにHTMLフォームを送信する方法
-
[解決済み] jQueryを使用しないスムーズスクロール