Anuncios

Bienvenidos sean a este post, hoy veremos un breve resumen sobre varios temas.

Anuncios

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;
Anuncios

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;
Anuncios

Pero desde la implementacion del estandar ES6/ES2015 se nos agrego una nueva opcion para definir variables, veamos su sintaxis:

let nombre_variable = valor;
Anuncios

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.

Anuncios

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;
Anuncios

A diferencia de las variables el valor de la constante debe ser asignado porque una vez declarada no podremos modificarla de ninguna forma.

Anuncios

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
Anuncios

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
*/
Anuncios

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.

Anuncios

Operadores

A continuacion les dare una breve descripcion sobre los distintos operadores que disponemos para trabajar en nuetros codigos:

OperadorDescripcion
=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
Anuncios

Tambien podemos unir estos operadores con el de asignacion para realzar una version mas corta de una operacion, veamos la siguiente tabla:

OperacionEquivale a
x += yx = x + y
x -= yx = x – y
x *= yx = x * y
x /= yx = x / y
x %= yx = x % y
Anuncios

Nuestra siguiente tanda de operadores seran los de bits:

OperadorDescripcion
~opDevuelve el complemento a uno del operando
op1 & op2Realiza una operacion AND entre dos operandos
op1 | op2Realiza una operacion OR entre dos operandos
op1 ^ op2Realiza una operacion XOR entre dos operandos
op1 << op2Rellena el op1 con ceros a la derecha como indica op2
op1 >> op2Rellena el op1 con 1 o 0 indicados por el op2
op1 >>> op2Rellena el op1 con 0 por la izquierda como indique op2
Anuncios

Por ultimo tenemos los operadores logicos, veamos la tabla:

OperadorDescripcion
exp1 && exp2Devuelve true si ambas exp son iguales
exp1 || exp2Devuelve true si algunas de las exp es true
!expInvierte el valor de la expresion
Anuncios

Con esto tenemos los operadores disponibles, estos ultimos seran mayoritariamente utilizados con condicionales, pasemos al siguiente tema.

Anuncios

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;
}
Anuncios

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.

Anuncios

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);
}
Anuncios

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

Anuncios

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;
}
Anuncios

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.

Anuncios

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:

Anuncios

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.

Anuncios

Donación

Es para mantenimento del sitio, gracias!

$1.50