javascriptはDOM構造と対象構造を遍歴します.

実際の仕事では、ブラウザのオブジェクトの属性や方法を覚えることは、ほとんど不可能なタスクです.資料やウェブサイトを維持するのは良い方法です.しかし、資料を見るには時間がかかります.スクリプトがあれば、対象の構造をプリントアウトして、開発プロセスを加速します.
以下は私が作成した調査対象構造例です.添付ファイルをダウンロードして実行可能コードを取得してください.

  
  
  
  

   
   
   
   
//Animal       
   
   
   
   
Animal = {  
   
   
   
   
    createNew: function( bundle ) {  
   
   
   
   
        var animal = {};  
   
   
   
   
        var protect = bundle || {};//bundle      ，  protect         （    ）  
   
   
   
   
        protect.sound = 'growl';  
   
   
   
   
        protect.makeSound = function(){   
   
   
   
   
            return protect.sound;   
   
   
   
   
        }  
   
   
   
   
        return animal;  
   
   
   
   
    }  
   
   
   
   
}  
   
   
   
   
 
   
   
   
   
//Cat        
   
   
   
   
Cat = {  
   
   
   
   
    pubVar:"Cat",  
   
   
   
   
    createNew: function(mySound) {  
   
   
   
   
        var protect = {};  
   
   
   
   
        var cat = Animal.createNew( protect );//protect    ，        {} cat  
   
   
   
   
        protect.sound = mySound;  
   
   
   
   
        cat.meow = function(){ return protect.makeSound(); };//cat   protect      
   
   
   
   
        return cat;  
   
   
   
   
    }  
   
   
   
   
}  
   
   
   
   
   
   
   
   
   
//javascript     ，  Cat             cat  
   
   
   
   
var cat = Cat.createNew("meow!");  
   
   
   
   
var bigCat = Cat.createNew("meow!meow!meow!");  
   
   
   
   
 
   
   
   
   
showObject("Cat");  
   
   
   
   
showObject("cat");  
   
   
   
   
showObject("bigCat"); 
  
  
  
  

デバッグ情報:         [Object]Cat        |--[function]createNew=function(mySound){var protect=};var cat=Animal.creatNew(protect)//protectは修正されて、空白の対象に戻る{}cat protect.sound=mySound;cat.meow=function(protect)=protect/protect)の呼び出し方法        |--[string]pbVar=Cat         [Object]cat        |--[function]meow=function(){return protect.makeSound();         [Object]bigCat        |--[function]meow=function(){return protect.makeSound();
［備考1］DOM構造を経ると、例えば後にIE 10のwindowオブジェクトを示すブログを書く.具体的には、IE 10でshowObject(「window」)を実行します.
［備考2］objectタイプにはドリルのリンクがありますが、小さな問題があります.リターンできない場合はF 5ボタンを押してください.