イベントエミッター」とは何ですか?
2023-08-13 16:20:40
質問
閲覧する http://microjs.com を見ると、多くのライブラリが「イベント エミッター」と書かれています。 私は、Javascript 言語の基本についてよく知っていると思いたいのですが、quot; event emitter" が何であるか、または何をするものであるかは、本当にわかりません。
どなたか教えていただけませんか?それは面白そうですが...。
どのように解決するのですか?
この場合 イベント をトリガーし、誰もがそれを聞くことができます。異なるライブラリは異なる実装と異なる目的のために提供しますが、基本的なアイデアはイベントを発行し、それらにサブスクライブするためのフレームワークを提供することです。
jQueryの例です。
// Subscribe to event.
$('#foo').bind('click', function() {
alert("Click!");
});
// Emit event.
$('#foo').trigger('click');
以下は、カスタムイベントをデモするための疑似コードです(上記と全く同じパターンです)。
// Create custom object which "inherits" from emitter. Keyword "extend" is just a pseudo-code.
var myCustomObject = {};
extend(myCustomObject , EventEmitter);
// Subscribe to event.
myCustomObject.on("somethingHappened", function() {
alert("something happened!");
});
// Emit event.
myCustomObject.emit("somethingHappened");
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] callとapplyの違いは何ですか?
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] JavaScriptの「new」キーワードとは何ですか?
-
[解決済み] 動的に生成された要素にイベントバインディングを行うか?
-
[解決済み] イベントバブリング、キャプチャーとは何ですか?
-
[解決済み] イベントを発生させた要素のIDを取得する
-
[解決済み】JavaScript版sleep()とは?)
最新
-
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で次の要素/前の要素を取得しますか?
-
[解決済み] なぜ "use strict "はパフォーマンスを10倍向上させるのか?
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] Javascript / jQueryでAndroid端末を検出する。
-
[解決済み] JavaScriptでの大文字小文字を区別しない正規表現
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] イテレータでmap()を使用する
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法
-
[解決済み] これは純関数ですか?