Comunidad de diseño web y desarrollo en internet online

Alguien podría explicarme como funciona este código(javascript básico)

Citar            
MensajeEscrito el 03 May 2015 02:54 am
Hola a todos, estoy aprendiendo javascript por mi cuenta y me he topado con un ejercicio que no logro entender del todo. Se trata de un código para averiguar el área de un círculo, mostrando también, el radio que se uso para la operación:

Código Javascript :

<!DOCTYPE Html>
<html>
   <head>
      <title>Ejemplo de funciones con return</title>      
      <script type="text/javascript">   
         function areaCirculo(radio){
            this.radio = radio
            return 3.1416 * (radio * radio);
         }
      </script>
   </head>
   <body>
      <script type="text/javascript">
         var radio = radio
         var resultadoAreaCirculo = areaCirculo(8);
         document.write("El area de un circulo de radio " + radio + " es " + resultadoAreaCirculo);               
      </script>
   </body>
</html>


Le puse colores y números para explicarme mejor:



¿Es correcto mi mmm "análisis"?

Otra cosa que quisiera entender y que ya me esta rayando la cabeza es porque el uso del this.

Agradecería enormemente su ayuda.

Saludos.

Por kodaichi

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 07 May 2015 04:30 am
Tienes una linea de codigo inservible, tal vez este codigo te ayude mejor.

Código HTML :

<!DOCTYPE Html>
<html>
   <head>
      <title>Ejemplo de funciones con return</title>      
      <script type="text/javascript">   
         function areaCirculo(numero){
             
             this.cualquierCosa = numero;
             console.log(this.cualquierCosa);
             
             var resultado = 3.1416 * (numero * numero);
            return resultado;
         }
      </script>
   </head>
   <body>
      <script type="text/javascript">
         var resultadoAreaCirculo = areaCirculo(8);
         document.write("El area de un circulo de radio "+ cualquierCosa +" es " + resultadoAreaCirculo);               
      </script>
   </body>
</html>

Por alejandroC

34 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.