Область действия JavaScript между сценариями тегов

Question

У меня есть два разных JSP, которые Java-сервер объединяет вместе и отправляет обратно на ту же визуализированную HTML-страницу.

Каждый JSP имеет свой собственный <script> блок и определяет функции внутри этого блока:

JSP # 1:

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

JSP # 2

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

Как я уже сказал, добавляет бэкенд они передаются в ответ HTTP и отправляют их обратно в браузер в течение одного и того же запроса.

Когда я запустил эту страницу в своем браузере, я сразу могу сказать, что blah() не выполняется, когда foo() получает вызов. Я вижу ошибку консоли в Firebug, указывая blah() не определен. Мне интересно, только если blah() имеет область внутри своей собственной метки <script>, а также для foo(). Это дело здесь, или что-то еще не так?

Когда я иду посмотреть источник страницы, я вижу оба блока сценариев и обе функции. Это говорит мне, что все генерируется/отображается правильно на стороне сервера, но, возможно, мой подход по своей сути ошибочен (определение функций внутри разных тегов скриптов). Заранее спасибо.

Answer 1

все они глобальны. они могут видеть друг друга. проблема в том, когда они определяются и называют друг друга.

вы должны определить и назвать их в таком порядке:

1. бар
2. Foo
3. вызов Foo
   • Foo выполняется и вызовы бар
   • бар выполнен

Answer 2

Единственная вещь, которая определяет область видимости в JavaScript, - это функция, поэтому ваша проблема не является проблемой. Вы, скорее всего, не вызываете foo(), вы вызываете его до того, как будет определен blah(), или у вас есть синтаксическая ошибка где-то. Возможно, вы можете опубликовать всю свою HTML-страницу, чтобы мы могли видеть, что происходит.

Answer 3

Вы можете вызвать функцию следующим образом:

(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(); 
    });