Verwenden Sie die Konsole, um verfügbare Methoden für ein Objekt anzuzeigen?

Question

Gibt es eine Möglichkeit, die Konsole zu verwenden, um die verfügbaren Methoden für ein JS-Objekt anzuzeigen?

Ich denke an so etwas wie diese:

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

Das zweite Mal, dass ich geben myArray, würde Ich mag die Tatsache sehen, dass die logme() Methode ist jetzt verfügbar.

Ich möchte die Antwort kennen, um unbekannte JS-Objekte einfacher zu erkunden.

Answer 1

können Sie

console.dir(myArray); 

und Sie werden eine erweiterbare/inspectable Anzeige li erhalten ke, darunter die folgenden benutzerdefinierten Eigenschaften und das Prototypobjekt:

_{(von https://stackoverflow.com/a/14537759/1048572 siehe auch What's the difference between console.dir and console.log?)}

Answer 2

Wenn Sie in Chrome und man könnte so etwas wie die folgenden (ziemlich roh) verwenden überprüfen, ob eine Eigenschaft a function:

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

Dann rufen Sie einfach es wie folgt:

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