Phạm vi chức năng JavaScript giữa các thẻ tập lệnh

Question

Tôi có hai JSP khác nhau mà chương trình phụ trợ Java nối với nhau và gửi lại cho cùng một trang HTML được hiển thị.

Mỗi JSP có <script> khối riêng của mình và xác định các chức năng bên trong khối rằng:

JSP # 1:

<script type="text/javascript"> 
    function blah() { ... } 
</script> 

JSP # 2

<script type="text/javascript"> 
    function foo() 
    { 
     blah(); 
    } 
</script> 

Giống như tôi đã nói, phụ trợ thêm chúng cho phản hồi HTTP và gửi chúng trở lại trình duyệt trong cùng một yêu cầu.

Khi tôi chạy trang này trong trình duyệt của mình, tôi có thể nói ngay rằng blah() không hoạt động khi foo() được gọi. Tôi thấy lỗi bảng điều khiển trong Firebug nêu rõ blah() không được xác định. Tôi tự hỏi nếu blah() chỉ có phạm vi bên trong thẻ <script> của riêng nó và tương tự như vậy cho foo(). Đó có phải là trường hợp ở đây, hoặc là một cái gì đó khác awry?

Khi tôi đi xem nguồn trang, tôi thấy cả khối tập lệnh và cả hai chức năng. Điều này cho tôi biết mọi thứ đang được tạo ra/trả về chính xác phía máy chủ, nhưng có lẽ cách tiếp cận của tôi vốn đã sai (xác định các hàm bên trong các thẻ script khác nhau). Cảm ơn trước.

Answer 1

tất cả đều là toàn cầu. họ có thể nhìn thấy nhau. vấn đề là khi họ được xác định và gọi cho nhau.

bạn nên xác định và gọi cho họ theo thứ tự này:

1. thanh
2. foo
3. gọi foo
   • foo thực hiện và các cuộc gọi thanh
   • thanh được thực hiện

Answer 2

Điều duy nhất xác định phạm vi trong JavaScript là một hàm, do đó, vấn đề của bạn không phải là vấn đề phạm vi. Bạn có thể không gọi foo(), bạn gọi nó trước khi blah() được xác định, hoặc bạn có lỗi cú pháp ở đâu đó. Có thể bạn có thể đăng toàn bộ trang HTML của mình để chúng tôi có thể xem những gì đang diễn ra.

Answer 3

Bạn có thể gọi hàm như thế này:

(function($) { 

    var namespace; 
     namespace = { 
        something : function() { 
              alert('hello there!'); 
              }, 
         bodyInfo : function() { 
              alert($('body').attr('id')); 
              } 
        }; 
     window.ns = namespace; 
    })(this.jQuery); 

    $(function() { 
       ns.something(); 
       ns.bodyInfo(); 
    });