JavaScript情報交換所(プログラミング既習者専用） [無断転載禁止]©2ch.net (766ﾚｽ)
JavaScript情報交換所(プログラミング既習者専用） [無断転載禁止]©2ch.net http://mevius.5ch.net/test/read.cgi/tech/1449440793/
上
下
前次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
抽出解除
ﾚｽ栞
ﾘﾛｰﾄﾞ規制
です｡10分ほどで解除するので､
他のﾌﾞﾗｳｻﾞ
へ避難してください｡
82: デフォルトの名無しさん [sage] 2016/04/25(月) 23:32:07.55 ID:olQI0pZ8 >>76でhandleEventの話が出ているが、使った人ならわかると思うが、 handleEventはswitchでイベントを振り分ける必要があって使いづらい。 なぜこんな仕様があるかというと、そもそもDOMはJavaScript以外の言語も 考慮されて作られているという事実で説明できる。 つまり関数の引数、つまりaddEventListenerの引数に関数を渡せない言語が存在する。 具体的に言うとJava。Javaでは引数に関数を指定することができず、 オブジェクトは指定できる。 handleEventインターフェースを実装したオブジェクトを引数に取る関数と 考えるとhandleEventという仕様がなぜ存在するかがわかる。 これは便利だから追加された機能じゃない。Java等で必要だったっから 追加された仕様であって、JavaScriptでは関数をそのまま指定した方がいい。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/82
84: デフォルトの名無しさん [sage] 2016/04/26(火) 00:50:01.95 ID:6NLvX0gR >>80 > jQueryは要素ごとの情報の格納場所の必要性を昔から認識していた これは俺もすごく思うが、 実際のところはリークと速度低下が怖くてJavaScript側で持っている。 さすが実用ライブラリだけあって痒い所には手が届いているというところか。 >>82 > handleEventはswitchでイベントを振り分ける必要があって使いづらい。 これは何故？俺は使ったことは無いが、見る限りそういう感じではない。 イベントハンドラは基本的に直リンクというか、振り分け済みの関数を与えるのが基本で、 thisが効くオブジェクトを与えられるのなら、子クラスを与えればいいだけ。 当たり前だがオブジェクト指向の基本どおりだ。 また、最初からイベントハンドラ内で振り分けする気であれば、 ルートNodeにイベントつけてe.targetのclassで判定するのが自然だ。 何か別の条件ではまっただけの気がするが。 とはいえ、DOMの仕様がJavaScriptから見て中途半端なのはJavaとの相乗りが原因だとは理解した。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/84
93: デフォルトの名無しさん [sage] 2016/04/26(火) 23:53:03.95 ID:6NLvX0gR >>82の話の通りなら、handleEventはJava用であって、JavaScript用ではないことになる。 実際、>>85ではメリットが無いだろ。 JavaScriptでわざわざ使うのならメリットがある以下の記述になる。 var hit_list = new Set(); var EventHalndler = function(){ this.status = 'waiting'; } EventHandler.prototype = { handleEvent: function (e) { e.currentTarget.classList.add('hoge'); // class で管理 this.status = 'hit'; // 個別オブジェクトで管理 hit_list.add(e.currentTarget); // Set で管理 } }; var ehandler = new EventHander(); element.addEventListener('click', ehandler); DOM側で管理するならclass、JavaScript側で一括管理でよければSetでいい。 どうしても個別のオブジェクトに格納したければ 「thisを生かして」 使うことになる。 当たり判定のグルーピングを細かく変更したいときはこのやり方が適するけど、 用途はあまり無いと思う。 http://mevius.5ch.net/test/read.cgi/tech/1449440793/93
95: デフォルトの名無しさん [sage] 2016/04/26(火) 23:55:02.00 ID:6NLvX0gR >>82 とここまで書いて気づいたが、switch は e.target ではなく e.type か。 確かにこれでは使いにくいな。JavaScriptなら以下で逃げられるが、 これが出来ないからオブジェクトで与えているのだと思われ、Javaでは壮絶な糞コードになりそうだな。 EventHandler.prototype = { handleEvent: function (e) { this[e.type].call(this,e); }, click: function(e){}, mouseover: function(e){}, mouseout: function(e){}, }; http://mevius.5ch.net/test/read.cgi/tech/1449440793/95
ﾒﾓ帳
(0/65535文字)
上
下
前次
1-
新
書
関
写
板
覧
索
設
栞
歴
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
AAｻﾑﾈｲﾙ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.046s