JavaScript en varios archivos

Question

He creado dos archivos JavaScript. Un archivo es "validators.js" y otro es "UserValidations.js".

Este es el código para validators.js

function isBlankString(value) { 
    if (value.replace(/\s/g, "") == "") { 
     return true; 

    } else { 
     return false; 
    } 
} 

en el archivo js otra función que he definido para validar el nombre de usuario como este.

function validateUsername(element) { 

    var username = element.value; 

    if(value.replace(/\s/g, "") == ""){ 
     //nothing to validate 
     return; 
    }else{ 
     //validation logic 
    } 

} 

Ahora bien, como es obvio i debería haber utilizado método isBlankString (valor) para comprobar longitud de cadena. Pero no tengo ni idea de cómo puedo usar la función definida en otro archivo.

Answer 1

Asegúrese de que incluye el archivo de validators.js primero en la página:

<script src="validators.js"></script> 

Ahora puede utilizar la función de que normalmente:

function validateUsername(element) { 

    var username = element.value; 

    if(isBlankString(value)){ 
     //nothing to validate 
     return; 
    }else{ 
     //validation logic 
    } 

} 

Answer 2

El archivo que proporciona la función debe estar incluido, en su documento HTML, antes de que la función se use realmente.

Lo que significa que, sin duda, validators.js debe incluirse antes UserValidations.js:

<script src="validators.js" type="text/javascript"></script> 
<script src="UserValidations.js" type="text/javascript"></script> 

Answer 3

I usted está en un archivo HTML basta con incluir dos archivos en el código HTML.

Answer 4

Siempre y cuando usted tiene dos archivos que incluyen solo puede llamarlo. JavaScript no tiene un concepto real de espacios de nombres de qué preocuparse. Puede considerar combinar los archivos en uno ya que ahorra en el número de solicitudes HTTP enviadas al servidor.

Answer 5

Simplemente incluya ambos archivos en su página html y llame a funciones cuando lo necesite. Nada difícil y difícil. O utilice dos de estas funciones en un archivo

Answer 6

Como nota al margen, su función isBlankString es excesivamente detallada. Considere reemplazarla con la siguiente

function isBlankString(value) { 
    return value.replace(/\s+/g, "").length == ""; 
    // or even: return value.replace(/\s+/g, "").length == 0; 
} 

El if declaración de que usted es completamente innecesario.

Answer 7

Más importante aún, está definiendo ambas funciones en el objeto ventana. Su mejor globalmente a proteger sus funciones mediante la creación de su propio espacio de nombres:

function isBlankString(value) { 
    if (value.replace(/\s/g, "") == "") { 
     return true; 

    } else { 
     return false; 
    } 
} 

usted debe poner todos sus objetos en su propio espacio de nombres como

Sarfraz.isBlankString = function (value) { 
    if (value.replace(/\s/g, "") == "") { 
     return true; 

    } else { 
     return false; 
    } 
} 

Así como la otra función. En realidad, actualmente se definen como window.isBlankString. Si carga el JavaScript de otras personas en su página, es mucho más probable que se sobrescriba.

Para su pregunta principal, ambos deben cargarse antes de ejecutar cualquiera. Examine el uso de jQuery y la funcionalidad $ (document) .ready.

Siempre cargue primero sus scripts y luego ejecútelos. Cargar y ejecutar simultáneamente invita al desastre y generalmente no es necesario.De esta forma, no necesita preocuparse por el orden en que los coloca en el archivo.

Answer 8

Un buen método es desarrollar en varios archivos js y luego combinarlos en su sistema make/build para crear una biblioteca de JavaScript.

Ver este post para continuar el debate y el ejemplo makefile: Makefile to combine js files and make a compressed version

También puede comprimir y minify el javascript para reducir aún más el tamaño de archivo: Ver Compressed JavaScript o Best JavaScript compressor