Zakres funkcji JavaScript między znacznikami skryptu

Question

Mam dwie różne strony JSP, które Java backend łączy razem i odsyła z powrotem do tej samej renderowanej strony HTML.

Każdy JSP ma własną <script> blok i określa funkcje wewnątrz tego bloku:

JSP # 1:

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

JSP # 2

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

Tak jak mówiłem, backend dodaje do odpowiedzi HTTP i wysyła je z powrotem do przeglądarki podczas tego samego żądania.

Po uruchomieniu tej strony w przeglądarce mogę stwierdzić od razu, że blah() nie jest wykonywane po otrzymaniu wywołania foo(). Widzę błąd konsoli w Firebug stwierdzający, że blah() nie jest zdefiniowany. Zastanawiam się, czy blah() ma tylko zakres w swoim własnym tagu <script> i podobnie dla foo(). Czy tak jest w tym przypadku, czy jest to coś innego?

Po przejściu do źródła strony widzę zarówno bloki skryptów, jak i obie funkcje. To mówi mi, że wszystko jest generowane/renderowane poprawnie po stronie serwera, ale być może moje podejście jest z natury błędne (definiowanie funkcji wewnątrz różnych znaczników skryptu). Z góry dziękuję.

Answer 1

wszystkie z nich są globalne. widzą się nawzajem. problemem jest to, kiedy się zdefiniują i nawiążą do siebie.

należy zdefiniować i nazwać je w następującej kolejności:

1. bar
2. foo
3. wywołanie foo
   • foo wykonany i wzywa bar
   • Pasek jest wykonany

Answer 2

Jedyną rzeczą, która definiuje zasięg w JavaScript jest funkcja, więc twój problem nie jest problemem z zakresu. Najprawdopodobniej nie wywołujesz foo(), nazywasz to przed zdefiniowaniem blah() lub gdzieś masz błąd składni. Może możesz opublikować całą stronę HTML, abyśmy mogli zobaczyć, co się dzieje.

Answer 3

funkcja jak to można nazwać:

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