Una función es un grupo de código reutilizable que se puede llamar en cualquier parte de su programa. Esto elimina la necesidad de escribir el mismo código una y otra vez.Ayuda a los programadores por escrito códigos modulares. Funciones permiten a un programador para dividir un gran programa en un número de funciones pequeñas y manejables.
Como cualquier otro lenguaje de programación avanzada, JavaScript también soporta todas las características necesarias para escribir funciones de código usando modulares. Usted debe haber visto funciones como alerta () y write () en los capítulos anteriores. Estábamos usando estas funciones una y otra vez, pero que había sido escrito en el núcleo de JavaScript sólo una vez.
JavaScript nos permite escribir nuestras propias funciones. En esta sección se explica cómo escribir sus propias funciones en JavaScript.
Función Definición
Antes de usar una función, tenemos que definirlo. La forma más común para definir una función en JavaScript está utilizando la función de palabras clave, seguido de un nombre único de la función, una lista de parámetros (que podría estar vacío), y un bloque de instrucciones rodeado de llaves.
Sintaxis
La sintaxis básica se muestra aquí.
<script type="text/javascript">
<!--
function functionname(parameter-list)
{
statements
}
//-->
</script>
Ejemplo
Pruebe el siguiente ejemplo. Define una función llamada sayHello que no toma parámetros -
<script type="text/javascript">
<!--
function sayHello()
{
alert("Hello there");
}
//-->
</script>
Llamar a una función
Para invocar una función de algún lugar más adelante en la secuencia de comandos, usted sólo tendrá que escribir el nombre de esa función, como se muestra en el siguiente código.
<html>
<head>
<script type="text/javascript">
function sayHello()
{
document.write ("Hello there!");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello">
</form>
<p>Use different text in write method and then try...</p>
</body>
</html>
Salida
Parámetros de funciones
Hasta ahora, hemos visto las funciones sin parámetros. Pero hay una facilidad para pasar diferentes parámetros al llamar a una función. Estos parámetros pasados pueden ser capturados dentro de la función y de cualquier manipulación se pueden hacer sobre esos parámetros. Una función puede tener múltiples parámetros separados por comas.
Ejemplo
Pruebe el siguiente ejemplo. Hemos modificado nuestra sayHello función aquí. Ahora tiene dos parámetros.
<html>
<head>
<script type="text/javascript">
function sayHello(name, age)
{
document.write (name + " is " + age + " years old.");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type="button" onclick="sayHello('Zara', 7)" value="Say Hello">
</form>
<p>Use different parameters inside the function and then try...</p>
</body>
</html>
Salida
La Declaración de retorno
Una función de JavaScript puede tener una opción de retorno comunicado. Esto es necesario si desea devolver un valor desde una función. Esta declaración debe ser la última declaración de una función.
Por ejemplo, puede pasar dos números en una función y entonces usted puede esperar que la función retorne su multiplicación en su programa de llamada.
Ejemplo
Pruebe el siguiente ejemplo. Define una función que toma dos parámetros y los concatena antes de regresar la resultante en el programa de llamada.
<html>
<head>
<script type="text/javascript">
function concatenate(first, last)
{
var full;
full = first + last;
return full;
}
function secondFunction()
{
var result;
result = concatenate('Zara', 'Ali');
document.write (result );
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type="button" onclick="secondFunction()" value="Call Function">
</form>
<p>Use different parameters inside the function and then try...</p>
</body>
</html>
Salida
Hay mucho que aprender acerca de las funciones de JavaScript, sin embargo hemos cubierto los conceptos más importantes en este tutorial.
No hay comentarios:
Publicar un comentario