Gọi javascript chức năng từ nhà phát triển chrome console

Question

Rất đơn giản kịch bản:

function foo(){ 
    return "bar" 
} 

console.log(foo()); 

console:

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

Làm thế nào tôi nên gọi foo(); cho mục đích gỡ lỗi và thử nghiệm?

Đây có phải là thực tế không? Tôi thích sử dụng IRB/Rails Console để xác minh mã ruby ​​của tôi và muốn làm điều tương tự với JavaScript

http://jsfiddle.net/m2muL/

Answer 1

Vấn đề là chức năng foo của bạn không phải là một phần của phạm vi toàn cầu. Giao diện điều khiển về cơ bản có quyền truy cập vào mọi thứ mà window thực hiện. Kết quả là, nếu nó không được định nghĩa ở đó, thì nó không được xác định trong bảng điều khiển. Ví dụ, đây có thể là một ví dụ về foo không có sẵn trong giao diện điều khiển.

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

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

Tìm cách xác định vị trí của phương pháp này. Nếu nó là bên trong của một đối tượng hoặc phương pháp, hãy chắc chắn để tham khảo đó từ giao diện điều khiển của bạn.

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

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

Nếu bạn không thể tham chiếu foo, thì bạn không thể gọi nó.

Answer 2

Bạn đang cố thực hiện điều này trong JSFiddle, đó là "ẩn" javascript của bạn khỏi bảng điều khiển. Nó không thực sự trong phạm vi để bạn thực hiện. Nó không hoạt động ở đó giống như bạn đang giả sử nó sẽ ...

Nếu bạn tạo một tệp HTML đơn giản và cắm javascript vào giữa các thẻ, bạn sẽ không gặp sự cố khi chạy "foo()" trong bảng điều khiển.

Tạo test.html và đặt bên này:

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