JavaScript: Introducción, Uso de Variables y Funciones

JavaScript

Es un lenguaje de programación usado para desarrollo de páginas web. Constituye un buen punto de partida para aprender a programar.
Permite que las páginas sean más interactivas desde el punto de vista de navegador / cliente (Front End), aunque también es posible usar JavaScript para trabajar del lado del servidor y cambiar contenidos sin necesidad de recargar la página (mediante el uso de Ajax). Para trabajar JavaScript desde el servidor, se usa un paquete llamado Node.js.

 Lenguajes de Front End:
- JavaScript

Algunos Lenguajes de Back End:
- Java
- PHP
- C#
 - Ruby

 
Nota:
A pesar de que "JavaScript" y "Java" aparentan ser similares, dichos lenguajes tienen sintaxis diferentes.


Como ejecutar código JavaScript?

La creación del código se puede hacer en un editor de textos simple (ejemplo Notepad en Windows o VI en Linux) o también usando un IDE (Integrated Development Environments). Un IDE ofrece varias herramientas de desarrollo en una sola, Edicion de código, compilador, GUI builder, etc.

Uno de los IDEs más populares es Eclipse.

Consolas de ejecución en Navegador:

• Firebug - http://getfirebug.com

Es un plugin de Firefox, que permite ejecutar una consola de depuración y ejecución de comandos.

• Google Chrome Development tools

Es un plugin de desarrollo web de Chrome, similar a Firebug.


Los pasos para usar Firebug son:

1. Abrir un archivo html en el navegador (en este caso, Firefox)
2. Clic en el ícono de Firebug

Variables y Funciones Globales.

Las funciones globales son aquellas usadas y conocidas en cualquier parte del código.
Generalmente las funciones trabajan operando variables y "retornan" resultados de dichas operaciones.

En primer lugar, recordemos como definir y asignar un valor a una variable:

var x=2;

(Ejemplo de variable definida fuera de una función)

Las variables en JavaScript no se definen a diferencia de otros lenguajes, es decir, no es necesario indicar que la variable va a ser un número, una cadena de caracteres, un array, o un valor booleano.

Ahora bien. Es usual definir variables dentro de una función,

function()
{
var x=2;
}

Ejemplos:

function square(x)
{
return (x*x);
}

El cuerpo de la función es todo lo que está dentro de "{ }"

La función va a operar la variable que le pasamos a través de la x.

Al ejecutar la función:

square (x); 

El resultado será "4"

Tal como lo muestra la siguiente imagen:

Otros ejemplos:

• 1 argumento / parámetro:

function double(x) { return (x*2); }

• 2 argumentos / parámetros:

function suma(n1,n2) {return(n1+n2);} 

La función creada anteriormente le podemos asignar los parámetros 20 y 30 para que retorne el resultado de n1 + n2

• Funciones sin argumentos / parámetros:

 function sin_argumento() { return (1000); }
 
En este caso, la función retornará el valor 1000 sin necesidad de enviarle argumentos / variables para operar.

• Asignar el resultado de una función a una variable: