Utilizzare la console per vedere i metodi disponibili su un oggetto?

Question

È possibile utilizzare la console per visualizzare i metodi disponibili su un oggetto JS?

sto pensando a qualcosa di simile:

> var myArray = [1,2,3]; 
    undefined 
> myArray 
    [1, 2, 3] 
> myArray.logme = function() { console.log(this); }; 
    function() { console.log(this); } 
> myArray 
    [1, 2, 3] 

La seconda volta che ho tipo myArray, mi piacerebbe vedere il fatto che il metodo logme() è ora disponibile.

Desidero conoscere la risposta per esplorare più facilmente oggetti JS non familiari.

Answer 1

È possibile utilizzare

console.dir(myArray); 

e si otterrà un espandibile/ispezionabile visualizzazione li ke questo, incluse le proprietà personalizzate e all'oggetto prototipo:

_{(da https://stackoverflow.com/a/14537759/1048572, puoi anche What's the difference between console.dir and console.log?)}

Answer 2

Se siete in Chrome e si potrebbe usare qualcosa come il seguente (abbastanza grezzo) e verificate per se una proprietà è un function:

function showMethods(obj) { 
    console.log(Object.keys(obj).filter(function(prop) { 
     return typeof el[prop] == 'function'; 
    })); 
} 

Poi basta chiamare come segue:

showMethods({a: 1, b: 2, c: function() {}}) // ['c'] 
showMethods({a: 1, b: 2}) // [] 
showMethods({a: 1, b: function() {}, c: function() {}}) // ['b', 'c']