よりエレガントなイベントトリガーの互換性_JavaScript スキル

var addEvent = function( e, what, how) {
if (e.addEventListener) e.addEventListener(what, how, false)
else if (e.attachEvent) e.attachEvent('on' what, how )
}

if ( MSIE) {
addEvent = function(e, what, how) {
e.attachEvent('on' what, how)
}
} else {
addEvent = function(e , what , how) {
e.addEventListener(what, how);
}
}

var supportAddEventListener = !!(checkerElement.addEventListener);
if (supportsAddEventListener) {
addEvent = function(e, what, how) {
e.addEventListener(what, how);
}
} else if (supportsAttachEvent) {
addEvent = function(e, what, how) {
e.attachEvent('on' what, how);
}
}

if (new_interface_detected) {
comp = function() {uses_new_interface};
} else if (old_interface_detected) {
comp = function() {uses_old_interface}; } else {
throw new Error('Unadaptable!')
}


つまり、プロセスは次のとおりです。

クライアントが新しいインターフェイスをサポートしている場合は、互換性レイヤーを新しいインターフェイスにバインドします
それ以外の場合、クライアントが古いインターフェイス/一貫性のないインターフェイスをサポートしている場合は、バインドします互換性レイヤーを新しいインターフェイスにバインドします。 古いインターフェイスにバインドします。
それ以外の場合は、可能であれば、エラー フィードバックを返します。

つまり、クライアントが「アドバンスト」をサポートしている場合、互換性レイヤー プログラムは高高度から「ドロップ」されます。機能 (新しいインターフェース、標準インターフェース) を「キャッチ」するだけです - 互換性レイヤーにホームがあり、それ以外の場合は落ち続けます - 古いインターフェースがキャッチされた場合は、誰もキャッチしていない場合は古いインターフェースを使用します。それから-スナップ-彼は地面に倒れ、息を引き取りながらこう叫びました。「あなたが使っているクライアントはニッチすぎる、私はあなたに何もできません!

これはどうですか？」

実際、JavaScript オブジェクト システムの仕組みを理解していれば、次のように類推できます。「これはプロトタイプではないでしょうか!」プロトタイプ システムはこのドロップを利用します。特定のメンバーを探し、それがこのオブジェクトに定義されている場合はそれを返し、そうでない場合はプロトタイプ チェーンに沿って上方向に検索し (はい、今回は上方向です)、以下同様です。プロトタイプ チェーンが実際に最後に到達すると、unknown が返されます。

とにかくやってみよう！ここでも例として addEvent を使用します。まず、何も含まれていない空のドライバーを定義します。

var nullDriver = {}

次に、オブジェクトを作成し、プロトタイプ チェーンがそれを指すようにします。 ECMA V5 時代では、Object.create を使用できますが、古いクライアントがまだたくさんあるため (それ以外は互換性があります)、独自の関数を作成します:

この使い方は奇妙ですが、問題なく動作し、遅くはありません - Object.create の約半分の速さです。この派生を使用して開始します:

ここでのバグ修正は、いくつかの「バグ」および特殊な状況用に定義された特別なドライバーです。ここでは無視して構いません。さて、DHTML の addEvent とは何ですか?

それでは?プロトタイプ チェーンの先頭にあるドライバーは W3C 標準ドライバーであるはずです。それを書き留めてください。

すると呼び出されます。これにより、フォールバックの本質を失うことなく、これらの怖そうな分岐判断がシンプルかつ効果的になります。addEventListener をサポートするクライアントで addEvent を呼び出すことは、w3cDriver.addEvent を呼び出すことと同等であり、これをサポートするクライアントでは最後に落ちます。次に、たとえば dhtmlDriver.addEvent を呼び出します。さらに、バグ修正を簡単に実行できます。元のレイヤーにはまったく影響を与えずに、専用の「バグ修正」レイヤーをフックできます。
ちょっと待ってください。非常に多くのレイヤー

を継承すると非常に遅くなりますか?確かに、これほど奥深いプロトタイプチェーンは間違いなく遅くなりますが、私には方法があります。オブジェクトのプロパティに書き込むと何が起こるかを覚えていますか?




コードをコピーif (! (nullDriver 内のそれぞれ)) {