Skorzystaj z konsoli, aby zobaczyć dostępne metody na obiekcie?

Question

Czy istnieje sposób, w jaki mogę użyć konsoli, aby zobaczyć metody dostępne w obiekcie JS?

mam na myśli coś takiego:

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

Drugi raz wpisać myArray, chciałbym zobaczyć na fakt, że metoda logme() jest już dostępna.

Chcę poznać odpowiedź, aby łatwiej odkrywać nieznane obiekty JS.

Answer 1

można użyć

console.dir(myArray); 

a dostaniesz rozszerzalny/podlegającej inspekcji wyświetlacza li ke to, w tym właściwości niestandardowych i obiektu prototypu:

_{(od https://stackoverflow.com/a/14537759/1048572 patrz również What's the difference between console.dir and console.log?)}

Answer 2

Jeśli jesteś w Chrome i można użyć coś jak następuje (dość surowy) sprawdzić, czy nieruchomość jest function:

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

Następnie wystarczy nazwać następująco:

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