Bienvenidos sean a este post, hoy veremos un breve resumen sobre varios temas.
Variables
Las variables son los elementos que nos permitiran almacenar informacion para utilizar en nuestro codigo, basicamente son espacios que se asignaran en memoria para la accion antes detallada, a diferencia de otros lenguajes no es necesario el definir el tipo de informacion que tendra porque al asignarlo el lenguaje lo hara automaticamente, veamos su sintaxis para definicion:
var nombre_variable = valor;
Esta es la forma original del lenguaje y las variables definidas de esta forma son siempre globales, el valor es opcional y podemos pasarselo despues, por ejemplo:
var nombre_varable;
Pero desde la implementacion del estandar ES6/ES2015 se nos agrego una nueva opcion para definir variables, veamos su sintaxis:
let nombre_variable = valor;
Es muy similar a la anterior, inclusive podemos no asignarle un momento al definirlo pero tiene dos diferencias con la anterior, no se puede volver a redeclarar y agregan el rango, es decir la variable declaradda de esta forma en un bloque quedara en ese bloque y no podra ser accedida de ninguna forma.
Constantes
Las constantes en cualquier lenguajje son variables inmutables que una vez asignado un valor no podremos modificar, originalmente en el lenguaje no existian y simplemente era una cuestion de «honor» donde declarabamos una variable de una forma para no modificarla en ninguna parte del codigo, gracias al estandar ES6/ES2015 se agrego esta posibilidad gracias a la palabra clave const, veamos su sintaxis:
const nombre_constante = valor;
A diferencia de las variables el valor de la constante debe ser asignado porque una vez declarada no podremos modificarla de ninguna forma.
Comentarios
Los comentarios nos sirve para indicar lo que realiza en esa seccion del ccodigo, dado que todo lo que pongamos en los comentarios sera omitido por el interprete, veamos la primera sintaxis:
// este es un comentario de una linea
Este sera para hacer un comentario en una sola linea, pero tambien disponemos de otro tipo de comentario, veamos su sintaxis:
/*
Este es un comentario
hecho en un bloque
que nos puede servir
para especificar un
poco mas de detalle
*/
Como pueden ver tienen dos operadores para iniciar (/*) y para finalizar (*/) el bloque de comentario, todo lo que este dentro de ellos sera omitido por el interprete, pasemos a hablar sobre su verdadero uso en la vida real, como todo lo comentado es omitido en general se usan para eliminar una parte del codigo que este generando un error o una parte que hayamos mejorado pero no queremos borrarlo por si la necesitamos en algun otro momento.
Operadores
A continuacion les dare una breve descripcion sobre los distintos operadores que disponemos para trabajar en nuetros codigos:
| Operador | Descripcion |
| = | Es el operador de asignacion, asigna un valor a un elemento |
| + | Nos permite sumar dos valores asignados |
| – | Nos permite restar dos valores asignados |
| * | Ejecuta una multiplicacion entre dos valores |
| / | Realiza una division entre dos valores |
| % | Nos devuelve el modulo o resto de una division |
Tambien podemos unir estos operadores con el de asignacion para realzar una version mas corta de una operacion, veamos la siguiente tabla:
| Operacion | Equivale a |
| x += y | x = x + y |
| x -= y | x = x – y |
| x *= y | x = x * y |
| x /= y | x = x / y |
| x %= y | x = x % y |
Nuestra siguiente tanda de operadores seran los de bits:
| Operador | Descripcion |
| ~op | Devuelve el complemento a uno del operando |
| op1 & op2 | Realiza una operacion AND entre dos operandos |
| op1 | op2 | Realiza una operacion OR entre dos operandos |
| op1 ^ op2 | Realiza una operacion XOR entre dos operandos |
| op1 << op2 | Rellena el op1 con ceros a la derecha como indica op2 |
| op1 >> op2 | Rellena el op1 con 1 o 0 indicados por el op2 |
| op1 >>> op2 | Rellena el op1 con 0 por la izquierda como indique op2 |
Por ultimo tenemos los operadores logicos, veamos la tabla:
| Operador | Descripcion |
| exp1 && exp2 | Devuelve true si ambas exp son iguales |
| exp1 || exp2 | Devuelve true si algunas de las exp es true |
| !exp | Invierte el valor de la expresion |
Con esto tenemos los operadores disponibles, estos ultimos seran mayoritariamente utilizados con condicionales, pasemos al siguiente tema.
break
Esta funcion nos permite salir de un bloque o secuencia, ´por lo general es utilizado para salir de un bucle for o de los case en switch, no se preocupen de eso hablaremos en un proximo post, por ejemplo en switch lo usaremos para que una vez terminado el case salga completamente de este, les dejo un ejemplo de como se usaria:
for (i=0; i < 10; i++)
{
document.write(i);
if (i == 5) break;
}
En este caso tenemos un bucle que contara hasta el 10 y lo mostrara en el documento, pero tenemos un condicional que verifica si el valor de i es igual a 5, en caso de ser verdadero saldra completamente de bucle y nunca llegara a 10.
continue
Este es muy similar al break pero en lugar de salir completamente de la secuencia simplemente omite esa pasada, es decir que la accion de ese momento no se ejecutara, veamos un ejemplo:
for (i=0; i < 10; i++)
{
if (i == 5) continue;
document.write(i);
}
Es muy similar al anterior pero con un par de diferencias, la primera es que realizaremos el chequeo antes de escribirlo, no usamos a break y si usamos continue, por ultimo mostraremos el valor de cada pasada, si lo ejecutaran veran una salida semejante a esta

with
Esta es la ultima funcion de la cual hablaremos, esta nos permite ejecutar varios metodo de un objeto, les muestro un simple ejemplo:
with(layer)
{
style.position="absolute";
style.left=0;
style.top=0;
style.width=200;
style.height=200;
}
En este ejemplo vamos a suponer que tenemos un objeto llamado layer y sera de tipo div, mediante with lo tomamos y a este le aplicaremos varios parametros del style para informar la conducta que debe tomar (absolute), asi como tambien su ubicacion (top y left) como tambien su tamaño (width y height) y solo se aplicara a este objeto, en cierto punto facilitando nuestra tarea si necesitamos depurar nuestro codigo.
Si necesitan ahondar un poco mas en los detalles de cada uno de los temas que se mencionaron en este post, les recomiendo visitar el post que tiene todo el curso de Javascript donde encontraran algunos ejemplos para ver en accion a varias de estas funciones, les dejo el siguiente post:
En resumen, hoy hemos visto algunos conceptos basicos de Javascript, estos simplemente los paso como referencia para los proximos posts, si bien mucha gente puede saberlo sobradamente, hay gente que no y esto puede servirle inclusive como referencia, espero les haya sido de utilidad sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.


Donación
Es para mantenimento del sitio, gracias!
$1.50
