Contenidos

1 Funciones

Funciones

Para definir funciones disponemos de la instrucción function

Después de esta palabra reservada se coloca el nombre de la función seguido de una lista de argumentos delimitados por paréntesis y separados por comas

function nombre(param1, param2,..., paramn) {
    instrucciones en JavaScript;
}

La sentencia return

La sentencia return es la que permite devolver el resultado de una función

function Area(l) {
    return l * l;
}

En el ejemplo, se muestra una función que devuelve el área de un cuadrado de lado l

Propiedades de las funciones

JavaScript asocia a cada función dos propiedades:

arguments
permite la gestión de los parámetros opcionales
caller
identifica la función que hizo la llamada

La propiedad arguments

Es un array que contiene los parámetros que le son pasados a la función

function Suma(x) {
    var sumandos = Suma.arguments;
    var num_op = Suma.arguments.length;
    var resultado = 0;
    for (var i=0; i<num_op; i++) {
       resultado += sumandos[i];
    }
    return resultado;
}

En el ejemplo hemos definido la función Suma que permite calcular la suma de los números pasados como argumentos

Así, Suma(4,5,7) devuelve 16 y Suma(56) devuelve 56

La propiedad caller

Muestra el nombre de la función que llama, por lo tanto, esta propiedad devolverá una cadena de caracteres

Consideraciones a tener en cuenta

Antes de empezar a trabajar con funciones es necesario tener en cuenta los siguientes puntos:

El lenguaje JavaScript no permite las definiciones anidadas de funciones
El paso de parámetros se realiza por valor

Es decir, si una función modifica el contenido de sus argumentos, esta modificación es local y no repercute ni globalmente ni a la función hizo la llamada

Funciones predefinidas por el lenguaje

Función eval

Tiene como argumento una expresión y devuelve el valor de la misma

Esta función resulta útil para evaluar una cadena de caracteres que representa una expresión numérica

La edición efectuada mediante un campo de formulario es una cadena de caracteres que a veces es necesario convertir en valor numérico

<script type="text/javascript">
function calcula(obj) {
    obj.result.value = eval(obj.expr.value);
}
</script>

<center><form name="evalua">
    <table border="1" style="font-size: 10px;">
        <tr>
            <td><label for="expr"><strong>Introducir expresión:</strong></label><input type="text" name="expr" size=20 value="0" /></td>   
            <td><label for="result"><strong>Resultado</strong></label><input type="text" name="result" size=20 /></td>    
        </tr>
     </table>
     <input type="button" value="evalua" onclick="calcula(this.form)"></input>
</form></center>

El ejemplo siguiente ilustra cómo permitiendo al usuario introducir una expresión numérica puede visualizarla como el valor de la expresión

Sino ha introducido nada, visualiza undefined y sino es una expresión numérica, no realiza cambios en la visualización

Funciones escape y unescape

Estas dos funciones permiten codificar cadenas de caracteres en formato URL

Esta codificación es necesaria en la creación automática de enlaces de hipertexto o en la definición de propiedades persistentes como los Cookies

<script type="text/javascript">
    escape("#"); // devuelve %23
    unescape("%23"); // devuelve #
</script>

<center><form name="escape_unescape">
    <table border="1" style="font-size: 7.5px;">
        <tr>
          <td><label for="char">Introducir carácter en formato URL o normal:</label><input name="char" type="text" value="%23" size="5" /></td>
        </tr>
        <tr>
             <td><input name="codificacion" type="radio" onclick="this.form.char.value=escape(this.form.char.value)" value="normal" checked="checked"></input><label for="codificacion">formato estándar a URL<label/></td>
        </tr>
        <tr>
             <td><input type="radio" name="codificacion" value="URL" onclick="this.form.char.value=unescape(this.form.char.value)"></input><label for="codificacion">formato URL a estándar</label></td>
        </tr>
     </table>
</form></center>

Función isNaN

Función que comprueba si el valor pasado por parámetros es numérico o no

El resultado de esta función es un booleano

Es decir, evalúa un argumento para ver si es NaN: (Not a Number, No es un número)

<script type="text/javascript">
//isNaN(valor de entrada)

function Comprueba(form) {
    var number = parseFloat(form.valor.value);
    if (isNaN(number)==true) {
        alert("No es un número");
    }else{
        form.valor.value = number;
        alert("Es un número");
    }
}
</script>

<center><form name="isNaN">
    <table border="1" style="font-size: 10px;">
        <tr>
            <td><label for="valor"><strong>Introducir un valor numérico:</strong></label><input type="text" name="valor" value="0" /></td>   
        </tr>
     </table>
     <input type="button" value=" Comprobar " onClick="Comprueba(this.form)"></input>
</form></center>

Función parseFloat

Convierte una cadena de caracteres a un número en punto flotante

Si se encuentra un carácter que no sean número, el signo ‘+’, el ‘-‘ o un exponente, devuelve el valor encontrado hasta ese punto

Del mismo modo, si el primer carácter no se puede convertir a número devolverá cero

<script type="text/javascript">
    //parseFloat(cadena de caracteres)
</script>

<center><form name="real">
    <table border="1" style="font-size: 10px;">
        <tr>
            <td><label for="float"><strong>Convierte a real:</strong></label><input type="text" name="float" value="0.0" /></td>
        </tr>
     </table>
     <input type="button" value="Convierte" onclick="this.form.float.value=parseFloat(this.form.float.value)"></input>
</form></center>

Función parseInt

Convierte una cadena de caracteres a un número entero con una base especificada

La base puede ser 8, 10 ó 16

Si se encuentra un carácter que no sean número, el signo ‘+’, el ‘-‘ o un exponente, devuelve el valor encontrado hasta ese punto

Del mismo modo, si el primer carácter no se puede convertir a número devolverá cero

<script type="text/javascript">
//parseInt(cadena, base) base es opcional

function convierte(obj, base) {
    obj.valor.value = parseInt(obj.int.value, base);
}
</script>

<center><form name="integer">
    <table border="1" style="font-size: 10px;">
        <tr>
            <td><label for="int"><strong>Introducir entero:</strong></label><input type="text" name="int" value="15" /></td>   
            <td><label for="valor"><strong>Resultado</strong></label><input type="text" name="valor" /></td>    
        </tr>
        <tr>
             <td><input type="radio" name="conversion" value="decimal" onclick="convierte(this.form, 10)" /><label for="conversion">Expresar entero en decimal<label/></td>
        </tr>
        <tr>
             <td><input type="radio" name="conversion" value="hexadecimal" onclick="convierte(this.form, 16)" /><label for="conversion">Expresar entero en hexadecimal</label></td>
        </tr>
        <tr>
             <td><input type="radio" name="conversion" value="octal" onclick="convierte(this.form, 8)" /><label for="conversion">Expresar entero en octal</label></td>
        </tr>
     </table>
</form></center>

Cookie	Duración	Descripción
CookieLawInfoConsent	Hasta finalizar la sesión del navegador	Controla la visualización del consentimiento de Cookies, su gestión y visualización en la página web por parte del usuario
qtrans_admin_language	Hasta finalizar la sesión del navegador	Permite al administrador gestionar la traducción de la página web a varios idiomas
qtrans_edit_language	Hasta finalizar la sesión del navegador	Permite al administrador editar la traducción de la página web a varios idiomas
viewed_cookie_policy	Hasta finalizar la sesión del navegador	Controla si la visualización del consentimiento de Cookies es visible actualmente en la página web para el usuario o por el contrario está oculta

Web sobre Informática de Secarcam

Funciones en Javascript

Funciones

La sentencia return

Propiedades de las funciones

La propiedad arguments

La propiedad caller

Consideraciones a tener en cuenta

Funciones predefinidas por el lenguaje

Función eval

Funciones escape y unescape

Función isNaN

Función parseFloat

Función parseInt

Página web de Sergio Cárcamo García dedicada a la informática y temas relacionados como los lenguajes de programación, la estadística, las matemáticas, etc

Introducir entero:	Resultado
Expresar entero en decimal
Expresar entero en hexadecimal
Expresar entero en octal

Funciones

La sentencia return

Propiedades de las funciones

La propiedad arguments

La propiedad caller

Consideraciones a tener en cuenta

Funciones predefinidas por el lenguaje

Función eval

Funciones escape y unescape

Función isNaN

Función parseFloat

Función parseInt

Página web de Sergio Cárcamo García dedicada a la informática y temas relacionados como los lenguajes de programación, la estadística, las matemáticas, etc

Política de Cookies