Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Javascript 4

    Cargado por

    miguel
    15 vistas11 páginas
    javascrpit

    Título original

    javascript4_

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PPT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    javascrpit

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    15 vistas11 páginas

    Javascript 4

    Cargado por

    miguel
    javascrpit

    Copyright:

    © All Rights Reserved
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 11

    JavaScript Funciones

    <!DOCTYPE html>
    <html>
    <head>
    <script>
    function myFunction()
    {
    alert("Hola Mundo!");
    }
    </script>
    </head>
    <body>
    <button onclick="myFunction()">prueba</button>
    <p>Al hacer clic en el botn, se llamar una funcin. La funcin mostrar
    un mensaje tipo alert.</p>
    </body>
    </html>

    Llamar a una funcin con argumentos


    Cuando se llama a una funcin, se puede pasar algunos valores
    llamados argumentos o parmetros .
    Estos argumentos pueden ser utilizados dentro de la funcin.
    Usted puede enviar tantos argumentos como crea necesario,
    separados por comas (,)
    myFunction(argument1,argument2)

    Llamar a una funcin con argumentos


    Declarar el argumento, como variables, cuando se declara la
    funcin:
    function myFunction(var1,var2)
    {
    cdigo de la funcin
    }
    Las variables y los argumentos deben estar en el orden
    correspondiente.
    A la primera variable se le da el valor del primer argumento
    pasado, a la segunda variable el segundo valor y as.

    Ejemplo Funcin JS con parmetros


    <!DOCTYPE html>
    <html>
    <body>
    <p>Haga Click para llamar a la funcin con argumentos</p>
    <button onclick="myFunction('Harry Potter', 'Mago')">Prueba</button>
    <script>
    function myFunction(nombre,profesion)
    {
    alert("Bienvenido " + nombre + ", el " + profesion);
    }
    </script>
    </body>
    </html>

    La funcin es flexible, puede llamar a la funcin con argumentos


    diferentes, y diferentes mensajes de bienvenida se les dar:
    <!DOCTYPE html>
    <html>
    <body>
    <p>haga Click en uno de los botones para llamar la funcin con
    argumentos</p>
    <button onclick="myFunction('Harry Potter', 'Mago')">Click para Harry
    Potter</button>
    <button onclick="myFunction('Bob', 'Constructor')">Click para Bob</button>
    <script>
    function myFunction(nombre,profesion)
    {
    alert("Bienvenido " + nombre + ", el " + profesion);
    }
    </script>
    </body>
    </html>

    Funciones con un valor devuelto


    En este caso la funcin devuelve un valor nuevo desde donde se realiz
    el llamado a la funcin.
    Al usar la sentencia return, la funcin dejar de ejecutar y devuelve el
    valor especificado.
    Sintaxis
    function myFunction()
    {
    var x=5;
    return x;
    }
    La funcin anterior devuelve el valor 5.
    Nota:No es que el JavaScript entero detenga su ejecucin, slo se
    detiene la ejecucin de la funcin.

    La funcin de llamada ser reemplazada con el valor retornado:


    var myVar=myFunction();
    La variable myVar contiene el valor 5, que es lo que la funcin
    "myFunction ()" devuelve.

    Tambin puede utilizar el valor retornado sin almacenarlo como una


    variable:
    document.getElementById("demo").innerHTML=myFunction();
    El innerHTML del elemento "demo" ser 5, que es lo que la funcin
    "myFunction ()" devuelve.

    Usted puede retornar un valor sobre la base de argumentos pasados a la


    funcin:
    <!DOCTYPE html>
    <html>
    <body>
    <p>Este ejemplo llama a una funcin que realiza un calculo y devuelve
    un resultado</p>
    <p id="demo"></p>
    <script>
    function myFunction(a,b)
    {
    return a*b;
    }
    document.getElementById("demo").innerHTML=myFunction(4,3);
    </script>
    </body>
    </html>

    La sentencia return se utiliza tambin cuando simplemente quieres salir


    de una funcin. El retorno de valor es opcional:

    function myFunction(a,b)
    {
    if (a>b)
    {
    return;
    }
    x=a+b
    }

    La funcin anterior terminar la ejecucin si a> b, y no calcular la suma


    de a y b.

    VariableslocalesdeJavaScript
    Una variable declarada (utilizando var) dentro de una funcin de
    JavaScript se convierte en una variable LOCAL y slo se puede acceder
    desde dentro de esa funcin.
    Usted puede tener variables locales con el mismo nombre en diferentes
    funciones, ya que las variables locales slo se reconocen por la funcin en
    la que se declaran.
    Las variables locales se eliminan tan pronto como la funcin se ha
    completado.

    VariablesglobalesdeJavaScript
    Las variables declaradas fuera de una funcin, se convierten GLOBAL , y
    todos los scripts y funciones de la pgina web se puede acceder a l.
    LaduracindelasvariablesdeJavaScript
    Las variables de JavaScript vida comienza cuando se declaran.
    Las variables locales se borran cuando la funcin se ha completado.
    Las variables globales se eliminan al cerrar la pgina.
    AsignacindevaloresalasvariablesnodeclaradasdeJavaScript
    Si se asigna un valor a una variable que no ha sido declarada, la variable
    ser automticamente declarada como GLOBAL
    Esta afirmacin:
    carname="Volvo";
    se declara la variable carname como una variable global, incluso si se
    ejecuta dentro de una funcin.

    También podría gustarte