Javascript Nesneleri nasıl incelenir

Uyarı kutusundaki bir Nesneyi nasıl inceleyebilirim? Normalde bir Nesneyi uyarmak sadece düğüm adını atar:

alert(document);

Ama nesnenin özelliklerini ve yöntemlerini uyarı kutusunda almak istiyorum. Mümkünse bu işlevselliğe nasıl ulaşabilirim? Veya başka öneriler var mı?

Özellikle console.log ve Firebug'ın bulunmadığı bir üretim ortamı için çözüm arıyorum.

for- inbir nesne ya da dizi içinde her özellik için döngüler. Değere ulaşmak ve onu değiştirmek için bu özelliği kullanabilirsiniz.

Not: Özel mülkler, bir "casus" kullanmadığınız sürece incelenemez; temel olarak, nesneyi geçersiz kılarsınız ve nesnenin bağlamı içinde bir for-in döngüsü oluşturan bir kod yazarsınız.

Görünüşe göre:

for (var property in object) loop();

Bazı örnek kodlar:

function xinspect(o,i){
    if(typeof i=='undefined')i='';
    if(i.length>50)return '[MAX ITERATIONS]';
    var r=[];
    for(var p in o){
        var t=typeof o[p];
        r.push(i+'"'+p+'" ('+t+') => '+(t=='object' ? 'object:'+xinspect(o[p],i+'  ') : o[p]+''));
    }
    return r.join(i+'\n');
}

// example of use:
alert(xinspect(document));

Düzenleme: Bir süre önce kendi müfettişimi yazdım, ilgilenirseniz paylaşmaktan mutluluk duyarım.

Düzenleme 2: Yine de bir tane yazdım.

alert(JSON.stringify(object))Modern bir tarayıcıya ne dersiniz ?

Böyle bir durumda TypeError: Converting circular structure to JSON, işte daha fazla seçenek: Döngüsel referanslar olsa bile DOM düğümünü JSON'a nasıl serileştirebilirim?

Belgeler: JSON.stringify()çıktıyı biçimlendirme veya güzelleştirme hakkında bilgi sağlar.

console.dir(object)Firebug eklentisini kullanın

Birkaç yöntem var:

 1. typeof tells you which one of the 6 javascript types is the object. 
 2. instanceof tells you if the object is an instance of another object.
 3. List properties with for(var k in obj)
 4. Object.getOwnPropertyNames( anObjectToInspect ) 
 5. Object.getPrototypeOf( anObject )
 6. anObject.hasOwnProperty(aProperty) 

Bir konsol bağlamında, bazen .constructor veya .prototype yararlı olabilir:

console.log(anObject.constructor ); 
console.log(anObject.prototype ) ; 

Konsolunuzu kullanın:

console.log(object);

Veya html dom öğelerini inceliyorsanız, console.dir (nesne) kullanın. Misal:

let element = document.getElementById('alertBoxContainer');
console.dir(element);

Veya kullanabileceğiniz bir dizi js nesneniz varsa:

console.table(objectArr);

Çok sayıda console.log (nesne) çıktısı alıyorsanız, şunu da yazabilirsiniz:

console.log({ objectName1 });
console.log({ objectName2 });

Bu, konsola yazılan nesneleri etiketlemenize yardımcı olacaktır.

var str = "";
for(var k in obj)
    if (obj.hasOwnProperty(k)) //omit this test if you want to see built-in properties
        str += k + " = " + obj[k] + "\n";
alert(str);

Bu, Christian'ın mükemmel cevabının apaçık bir aldatmacasıdır. Sadece biraz daha okunaklı hale getirdim:

/**
 * objectInspector digs through a Javascript object
 * to display all its properties
 *
 * @param object - a Javascript object to inspect
 * @param result - a string of properties with datatypes
 *
 * @return result - the concatenated description of all object properties
 */
function objectInspector(object, result) {
    if (typeof object != "object")
        return "Invalid object";
    if (typeof result == "undefined")
        result = '';

    if (result.length > 50)
        return "[RECURSION TOO DEEP. ABORTING.]";

    var rows = [];
    for (var property in object) {
        var datatype = typeof object[property];

        var tempDescription = result+'"'+property+'"';
        tempDescription += ' ('+datatype+') => ';
        if (datatype == "object")
            tempDescription += 'object: '+objectInspector(object[property],result+'  ');
        else
            tempDescription += object[property];

        rows.push(tempDescription);
    }//Close for

    return rows.join(result+"\n");
}//End objectInspector

İşte daha okunaklı olan nesne denetçim. Kodun buraya yazılması uzun sürdüğünden, kodu http://etto-aa-js.googlecode.com/svn/trunk/inspector.js adresinden indirebilirsiniz.

Bunun gibi kullanın:

document.write(inspect(object));