5

Quando I console.log un oggetto in Chrome, vedo tutte le proprietà e un nome di metodo, ma non riesco a vedere il contenuto del metodo stesso. Come posso visualizzare il contenuto del metodo di un oggetto?Visualizzare i contenuti di un metodo Javascript nella console di Chrome

Ho creato uno JSFiddle che potrebbe aiutare a spiegare quello che sto cercando.

How to view a Javascript method's contents console

+0

Non so perché questo è stato modificato con l'aggiornamento più recente. Insegno programmazione e mi affido molto alla visione delle definizioni fn nella console. Ora devo farlo nella scheda Sorgenti che poi rende difficile tornare alla chiamata. –

risposta

5
  1. Trova la funzione di interesse per il Console
  2. Fare clic destro la parola function
  3. Fare clic su "Definizione Mostra funzione"
  4. funzione viene ora visualizzato nella Fonti scheda

In alternativa, registrare il risultato di

Function.prototype.toString.call(someObj.methodOne) 
/* 
function (e) { 
     return 'e is ' + e; 
    } 
*/ 

Una terza scelta è di fare doppio clic sulla parola function che si espande la funzione in una casella di modifica, ma personalmente non mi piace questo metodo perché è fuorviante - non è possibile apportare modifiche ma i tasti digitati cambiano il contenuto della casella e qualsiasi altra attività di registrazione causerà la perdita di messa a fuoco

+0

Questo è perfetto. Grazie! – dmathisen

3

Ricordare che function è solo zucchero sintattico per l'oggetto Function. Per questo motivo, toString() di Object viene ereditato.

Quindi, per rispondere alla tua domanda:

console.log(someObj.methodOne.toString()).