Anruf Javascript-Funktion von Chrome Entwicklerkonsole

Question

Sehr einfaches Skript:

function foo(){ 
    return "bar" 
} 

console.log(foo()); 

Konsole:

> bar // sanity test that proves everything's working 
> foo(); // this guy is key! 
> ReferenceError: foo is not defined 

Wie soll ich foo() aufrufen; zum Debuggen und Experimentieren?

Ist das nicht eine Übung? Ich liebe IRB/Rails-Konsole mit meinem Ruby-Code zu überprüfen und das gleiche mit JavaScript

http://jsfiddle.net/m2muL/

Answer 1

das Problem tun möchte, ist, dass Ihre foo Funktion nicht Teil des globalen Bereich ist. Die Konsole hat im Wesentlichen Zugriff auf alles, was window tut. Wenn es dort nicht definiert ist, ist es in der Konsole nicht definiert. Zum Beispiel könnte dies ein Beispiel dafür sein, dass foo nicht in der Konsole verfügbar ist.

(function(){ 
    function foo(){ 
    return "bar"; 
    } 
    console.log(foo()); //"bar" 
})() 

console.log(foo()); //ReferenceError: foo is not defined 

Suchen Sie nach einem Weg, wo diese Methode verfügbar gemacht wird. Wenn es sich in einem Objekt oder einer Methode befindet, vergewissern Sie sich, dass Sie von Ihrer Konsole darauf verweisen.

var foobar = { 
foo: function(){ return "bar" ;} 
}; 

console.log(foobar.foo()); //"bar" 

Wenn Sie foo nicht referenzieren können, dann können Sie es nicht anrufen.

Answer 2

Sie versuchen dies in JSFiddle zu tun, das Ihr JavaScript von Ihrer Konsole "versteckt". Es ist nicht wirklich in Reichweite für Sie auszuführen. Es funktioniert nicht dort, wie Sie davon ausgehen, dass es wird ...

Wenn Sie eine einfache HTML-Datei erstellt und stecken Sie Ihr Javascript dort zwischen Tags, würden Sie kein Problem haben "foo()" in der Konsole laufen.

erstellen test.html und setzen diese im Inneren:

<script> 
function foo(){ 
    return "bar" 
} 
console.log(foo()); 
</script>