Alcance de la función de JavaScript entre las etiquetas de secuencia de comandos

Question

Tengo dos JSP diferentes que el backend de Java concatena y envía de vuelta a la misma página HTML renderizada.

Cada JSP tiene su propio bloque <script> y define las funciones dentro de ese bloque:

JSP # 1:

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

JSP # 2

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

Como dije, el back-end añade estos a la respuesta HTTP y los envía de vuelta al navegador durante la misma solicitud.

Cuando ejecuto esta página en mi navegador, puedo decir de inmediato que blah() no se está ejecutando cuando se llama a foo(). Veo un error de consola en Firebug indicando blah() no está definido. Me pregunto si blah() solo tiene alcance dentro de su propia etiqueta <script>, y lo mismo para foo(). ¿Es ese el caso aquí, o hay algo más equivocado?

Cuando voy a ver el origen de la página veo ambos bloques de scripts y ambas funciones. Esto me dice que todo se está generando/procesando correctamente en el lado del servidor, pero tal vez mi enfoque sea intrínsecamente incorrecto (definiendo las funciones dentro de diferentes etiquetas de script). Gracias por adelantado.

Answer 1

todos ellos son globales. pueden verse el uno al otro. el problema es cuando se definen y se llaman entre sí.

debe definir y llamarlos en este orden:

1. barra
2. foo
3. llamada foo
   • foo ejecutado y las llamadas barras
   se ejecuta
   • barra

Answer 2

Lo único que define el alcance en JavaScript es una función, por lo que su problema no es un problema de alcance. Probablemente no estés llamando a foo(), lo llames antes de que se defina blah(), o tengas un error de sintaxis en alguna parte. Tal vez puedas publicar toda tu página HTML para que podamos ver lo que está pasando.

Answer 3

Puede llamar función como esta:

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