Javascriptでのイベント処理に関する混乱

Question

Javascriptを初めて使用しています。私は実際にイベント処理に関するコードに遭遇しています。コードはこちらです

//This generic event handler creates an object called eventHandler 
var etHandler = {}; 

if (document.addEventListener) { 

    //eventHandler object has two methods added to it, add()and remove(), 
    etHandler.add = function(element, eventType, eventFunction) { 

     /** 
     * The add method in each model determines whether the event type is a load event, meaning that 
     * the function needs to be executed on page load. 
     */ 
     if (eventType == "load") { 

      ....... 

     } 
    };// end of eventHandler.add = function() 

    etHandler.remove = function(element, eventType, eventFunction) { 

     element.detachEvent("on" + eventType, eventFunction); 

    }; //end of etHandler.remove = function() 
} 

function sendAlert() { 

    alert("Hello"); 

} //end of sendAlert() 

function startTimer() { 

    var timerID = window.setTimeout(sendAlert,3000); 

}//end of startTimer() 

var mainBody = document.getElementById("mainBody"); 

etHandler.add(mainBody, "load", function() { 

           startTimer(); 

          } 
      ); 

質問があります。空のオブジェクトを作成します。 var etHandler = {};。大丈夫だよ。その後、条件if (document.addEventListener) {}を確認しています。ドキュメントにイベントリスナーを追加しませんでしたが、この条件は真です。なぜこの条件が真実に戻っているのですか？ 次に、etHandler.add = function(element, eventType, eventFunction) {}と書きます。なぜ我々はetHandler.addを書いているのですか？ etHandlerオブジェクトには、作成時にプロパティがありません。それはヌルオブジェクトです。私たちはこの

var etHandler = { 

    add: function() { 

    }, 

    remove: function(){ 

    } 
}; 

ようetHandler作成した場合はその後、我々はetHandler.addを書くことができます。同様の問題は、etHandler.removeも同じです。

おかげ

Answer 1

コールif (document.addEventListener)は、ブラウザがこのメソッドをサポートしているかどうかチェックしています。ドキュメントオブジェクトにドキュメントが存在するかどうかを確認します。これは機能検出と呼ばれ、ブラウザ間の違いを検出するために頻繁に使用されます。

etHandler.add = function(element, eventType, eventFunction)は、addメソッドを定義し、同時に作成します。それは基本的にあなたの例と同じです。