Gramatica – JavaScript

Gramatica – JavaScript

No. 4 de 12 de articulos. JavaScript

Como cualquier otro lenguaje de programación, se han de conocer en primer lugar, la forma en la que se han de escribir las sentencias u ordenes que se quieren ejecutar, ya que estas han de cumplir una estructura a la hora de teclearlas, también es necesario conocer los tipos de datos que se pueden gestionar con el lenguaje, numéricos, alfabéticos, etc.

la sintaxis del lenguaje JavaScript esta influenciada por otros lenguajes de programación, como pueden ser C, Java, Perl, Python, Etc. Por esta razón los programadores acostumbrados a estos lenguajes tendrán mas fácil su aprendizaje.

Las ordenes o instrucciones que tiene el lenguaje para ser ejecutadas, los programadores normalmente las denominamos “SENTENCIAS”, estas sentencias cuando son escritas en javascript para diferenciarlas unas de otras han de estar separadas por un punto y coma, resumiendo cualquier orden que se exprese en el editor de código ha de finalizar en punto y coma (;)

El lenguaje de javascript, al igual que en otros lenguajes, se utilizan palabras reservadas, también denominadas palabras clave o keywords, estas solo se pueden utilizar para expresar las sentencias, pero el programador no puede utilizarlas como le convenga, ya que el interprete del lenguaje las considera reservadas por el propio lenguaje.

Como es lógico se pueden utilizar para escribir nuestros programas, espacios en blanco, tabulaciones, saltos de lineas, etc. De esta forma se podrá dar una estructura visual al programa escrito y facilitar su lectura y modificación.

Comentarios

La mayoría de lenguajes de programación, incluyen la opción de poder insertar comentarios en el código mientras se esta realizando un programa, de esta forma se pueden insertar anotaciones en el texto, que permiten aclarar la legibilidad del código y ayudar al programador a diferenciar los diferentes algoritmos en su programa.

Cuando se quiera insertar comentarios en el código, javascript permite utilizar comentarios de una sola linea y comentarios de varias lineas.

Para insertar un comentario de una sola linea se ha de utilizar la estructura “//” antes del comentario, de esta forma se especifica que es un comentario de una sola linea.

Para insertar un comentario de varias lineas se ha de utilizar la estructura “/*” para comenzar el comentario y terminar con la estructura “*/”, todo lo que quede encerrado dentro del principio y fin de estas etiquetas se considera un comentario que no sera procesado ni ejecutado por el interprete de javascript.

// Esta linea es un comentario de una sola linea

/* Este es un ejemplo
 de un comentario compuesto
por varias lineas de texto */

 

Declaraciones

Los programadores denominados declaración a la creación de una variable o una constante para su utilización en el programa. En javascript existen tres variantes para poder realizar una declaración de variable, para realizar esta acción se puede utilizar las sentencias: var , let y const .

Variables

Pero que es eso de una ¡VARIABLE!, puede ser que nos estemos preguntando. Una definición formal de una variable puede ser la siguiente:

En programación, una variable está formada por un espacio en el sistema de almacenaje (memoria principal de un ordenador) y un nombre simbólico (un identificador) que está asociado a dicho espacio. Ese espacio contiene una cantidad o información conocida o desconocida, es decir un valor.

Una definición más informal, es que podemos imaginar una variable como una caja o contenedor, donde se puede almacenar un contenido (valor), y que ese contenido se puede cambiar en cualquier momento de la ejecución del programa, es decir puede variar el contenido de caja, de ahí la definición de variable.

El muchos lenguajes de programación hay que especificar el “tipo” a la variable, que no es mas que indicar que es lo que va a almacenar la variable, si va a ser solo numérica o va a ser alfanumérica, la declaración de tipo, permite realizar una mejor reserva del espacio de memoria que se quiere utilizar.

Para poder identificar a las variables, estas se han de crear por el programador, especificando un nombre para cada una de ellas, este nombre que se asigna se suele llamar “identificador”, pues bien este identificador ha de cumplir una serie de reglas, no se puede escribir cualquier nombre para una variable.

Un identificador en JavaScript tiene que empezar con una letra, un guión bajo ( _ ) o un símbolo de dólar ($). los caracteres siguientes del identificador puede ser números. Ya que JavaScript diferencia entre mayúsculas y minúsculas, las letras incluyen tanto desde la “A” hasta la “Z” (mayúsculas) como de la “a” hasta la “z”.

Es conveniente asignar un identificador a las variables que exprese lo que va a contener, es decir si se quiere almacenar por ejemplo, el nombre y apellidos de una persona, puede resultar incomodo llamar a la variable “XJ43”, ya que no da ninguna pista de su contenido, pero si la identificamos como “NombreCompleto”, nos dará mas pistas sobre su contenido.

Muchos programadores también tienen la costumbre o manía, según se mire, de anteponer una letra que indica el tipo de dato que va a contener la variable, por ejemplo una variable que va contener un texto, por ejemplo una dirección, se puede denominar la variable “sDireccion”, la “s” indicaría string o lo que es lo mismo cadena de texto.

 

Creando (“Declarando”) Variables

A la acción de crear una variable se le denomina “Declaración”, para declarar una variable en el programa que se esta escribiendo, se puede realizar de las siguientes formas:

Con la palabra reservada var que permite realizar una declaración de variable tanto global como local. ¡Ya estamos con términos raros!, que no cunda el pánico, a continuación explicaremos el concepto de ámbito global y ámbito local.

Otra forma de declarar una variable es asignarle directamente su valor, por ejemplo edad = 47, el problema de este tipo de declaración es que crea una variable global, que no puede ser modificada en un ámbito local, por lo que esta forma de declaración se aconseja no utilizarla.

La tercera forma de declaración es con la palabra clave let, que permite declarar una variable local, en lo que se denomina un bloque de ámbito.

// Declaración de variables Ejemplos

var Edad = 47;

Nombre = "Nacho Sáez - Aprendoencasa.com";

let direccionWeb = "www.aprendoencasa.com";

Si una variable es declarada con “let” o “var”, y no se le asigna un valor inicial, la variable toma el valor predefinido “undefined”.

Si se intenta acceder al contenido de una variable no declarada anteriormente se produce el error “ReferenceError”, que indica que no existe referencia sobre la variable. El siguiente ejemplo muestra el resultado de este error.

 

 

el termino “undefined” se puede interpretar en si mismo, como un valor, y se puede utilizar para realizar una acción dependiendo de que la variable tenga valor o sea indefinida, el siguiente ejemplo muestra como se puede utilizar “undefined” para visualizar un mensaje u otro dependiendo del valor de la variable. En este ejemplo, en vez de pulsar en la ventana “Borrador” de Firefox, el botón “Mostrar”, se ha pulsado el botón “Ejecutar”, y como se puede observar los mensajes que se visualizan se ven en la consola de desarrollador de mozilla firefox.

Si una variable no ha sido definido su valor, sabemos que contiene “undefined”, el valor undefined se puede interpretar de diferentes formas dependiendo de como se utilice.

La variable que contenga “undefined” se puede comportar como un “false” (Falso), cuando se utiliza en un contexto booleano (Verdadero o Falso), por ejemplo cuando se pregunta por algo que no ha sido definido.

El valor undefined se convierte en un valor NaN (Not a Number – No es numérico), cuando se utiliza la variable en un contexto en el que se utilice una expresión numérica.

Ámbito de las variables

¡Por fin!, vamos a explicar el dichoso “Ámbito”, esa palabra que tanto ha aparecido anteriormente.

Cuando se escribe un programa en javascript al igual que en muchos otros lenguajes, las ordenes que se quieren ejecutar se suelen estructurar en bloques, a los cuales se les suele denominar funciones, de esta forma el programador estructura el programa en módulos que puede reutilizar y no tener que volver a escribir. Supongamos un programa en el cual se pide varias veces el código de una cuenta bancaria, si se programase de forma secuencial, cada vez que se pide la cuenta se tendría que comprobar el código de control y tendríamos que especificar las sentencias para realizar dicha comprobación, si pidiéramos tres veces la cuenta bancaria tendríamos que volver a escribir el código de comprobación tres veces, utilizando una función, solo seria necesario realizar una llamada a la función cada vez que se quiera utilizar sin tener que volver a escribir todo el código de comprobación.

El siguiente ejemplo muestra un programa que utiliza una función para realizar varias sumas y devolver su resultado, de esta forma se puede comprobar visualmente como seria un programa estructurado por módulos de función.

 

// Declaración de la funcion a utilizar para
// realizar las sumas que se soliciten.

function Sumar(numeroA,numeroB) {
  let Resultado = 0;
  Resultado = numeroA+numeroB;
  return Resultado;
}

// Realizar las llamadas a la función
var X = 10;
var Y = 20;
var R = 0;

R = Sumar(X,Y);
console.log("El resultado es : "+R);
X = 20;
Y = 30;
R = Sumar(X,Y);
console.log("El resultado es : "+R);

// Gracias por visitar www.aprendoencasa.com, tu web de ejercicios y prácticas de programación gratuitas.

 

Bien, el ámbito no es más que el lugar donde se realiza en un programa la declaración de la variable, y donde esa variable puede ser utilizada en el programa.

Cuando se realiza una declaración de una variable en el programa principal, es decir no está incluida en ninguna de las funciones que puedan estar creadas en el programa. Se está indicando que la variable creada es una variable global, porque podrá ser accedida por cualquier otro código dentro del documento actual, resumiendo la variable se ha declarado a nivel global y todo el programa puede acceder a ella.

Si la variable se declara dentro de una función, se denomina como una variable local, y solo se podrá acceder o consultar la misma en el código que compone la función, no siendo accesible desde otra función o programa general. Es decir, solo se puede utilizar dentro de la función donde se ha creado.

En JavaScript hasta la nueva versión ECMAScript 6, no existe el ámbito de sentencias de bloque, por ejemplo, al declarar una variable dentro de una función, esta variable es una variable local respecto a todo el programa, pero se puede considerar que es una variable global respecto a la función donde está declarada ya que es accesible dentro de la función por todas las instrucciones que conforman la función.

En la nueva versión de JavaScript, se puede utilizar ya el ámbito de sentencias de bloque, esto no significa más que, algunas instrucciones pueden estar compuestas por varias líneas de código y otras sentencias, normalmente estas sentencias irán agrupadas en bloque, el cual viene determinado por los símbolos { }, si para declarar una variable se utiliza la instrucción let, y esta declaración se realiza en el interior de un bloque, la variable se está definiendo con ámbito de sentencias de bloque, y aunque el bloque de sentencias contenga otras instrucciones no podrán acceder a la nueva variable definida.

El siguiente ejemplo expresa una sentencia condicional, en la que se ejecuta una serie de instrucciones, observe la variable soylocalabloque, y donde está situada, de esta forma podrá obtener una visión de cuál es su ámbito.

if(true) {
  var soylocalafuncion = 10;
  let soylocalabloque = 20;
}

console.log(soylocalafuncion);
console.log(soylocalabloque);

/*
Exception: ReferenceError: soylocalabloque is not defined
@Scratchpad/2:8:1
*/

La siguiente imagen muestra el resultado del código anterior.

 

 

Este otro ejemplo muestra el mismo funcionamiento que el anterior, estudie cuales son variables locales y globales.

// Declaracion de variables del programa
var soyunavariableglobal = 10;
var soyotravariableglobal = 20;
var soyotravariableglobalmas = "Sumar";

// Declaracion de funcion
function Operacion(soylocalamifuncionA, soylocalamifuncionB,soylocalamifuncionC) {
  var soyunavariablelocalamifuncion = 0;
  if(soylocalamifuncionC=="Sumar") {
    var Resultado = soylocalamifuncionA+soylocalamifuncionB;
  } else {
    let soylocalabloque = 10;
    console.log("Variable dentro del bloque = "+soylocalabloque);
  }
  
  console.log(Resultado);
  console.log(soylocalabloque);
  
}

// llamadas a la funcion
var ResultadoGlobal = Operacion(soyunavariableglobal,soyotravariableglobal,soyotravariableglobalmas);
soyotravariableglobalmas = "Restar";
var ResultadoGlobalDos = Operacion(soyunavariableglobal,soyotravariableglobal,soyotravariableglobalmas);

// Resultado del programa
/*
Exception: ReferenceError: soylocalabloque is not defined
Operacion@Scratchpad/1:17:3
@Scratchpad/1:22:23
*/

 

Constantes

A diferencia de las variables, se puede crear una constante, la definición viene a ser la misma que la de una variable con la diferencia de que como su nombre indica, estas no cambian de valor son constantes en su valor durante la ejecución del programa.

Una constante no puede cambiar de valor durante la ejecucion del programa por asignacion de un valor a la misma, ni volver a declararse mientras se ejecuta el script.

Las reglas de ámbito para las constantes son las mismas que las de las variables let en un ámbito de bloque. Si la palabra clave const es omitida, el identificador  se asume que representa una variable.

No puedes declarar una constante con el mismo nombre que una función o una variable en el mismo ámbito. Por ejemplo:

Las reglas para crear un nombre de constante son las mismas que para la definición de una variable. Para definir una constante se ha de utilizar la palabra reservada const, el siguiente ejemplo muestra el uso de una constante en un script.

Instalación del entorno de prácticas DAW ( 3 )

Instalación del entorno de prácticas DAW ( 3 )

No. 3 de 3 de articulos. DAW

Continuamos con la instalación del entorno de prácticas, para realizar los ejercicios que se nos plantearan de ahora en adelante. Nos quedamos en el punto final para empezar con la instalación del sistema en nuestra nueva máquina virtual.

(más…)

Etiqueta <mark>, Curso práctico HTML5

Etiqueta <mark>, Curso práctico HTML5

No. 22 de 23 de articulos. HTML5

La etiqueta <mark>, permite realizar el marcado de un texto dentro del documento web, el efecto visual en el navegador del texto seleccionado, es como si se hubiera pasado un bolígrafo resaltador de texto por encima del texto que se haya seleccionado.

(más…)

Libro CURSO PRACTICO DE HTML5 GRATUITO

Libro CURSO PRACTICO DE HTML5 GRATUITO

No. 21 de 23 de articulos. HTML5




Hola de nuevo a todos, esta vez espero sorprenderos con esta grata noticia, he realizado la confección de un libro de html5, con ejercicios de ejemplo y para iniciarse en la programación web, el libro es totalmente gratuito, lo único que se solicita es que hagáis un tweet, o un me gusta en facebook o google+, para poder descargarlo.

Aun así editare todos los capítulos uno a uno y por etiquetas como artículos del blog. Espero que os agrade la noticia y no dejéis de realizar vuestros comentarios.

Agradecer la visitas a todo el mundo.

html5libro

Tenéis que realizar el pago con un tweet, me gusta o google+1 para que aparezca el enlace, considero que una pequeña aportación de un enlace por vuestra parte, no es mucho sacrificio para pagar el trabajo realizado en el libro.

Si no veis los enlaces para realizar el pago por mención ,pulsad primero en el titulo del articulo para entrar en el mismo y a continuación se os presentaran los enlaces para que podáis descargar el libro.

Es posible que a veces después de realizar un me gusta no aparezca el enlace, volviendo a pulsar en me gusta deberían desaparecer los botones y aparecer el enlace al archivo.

Si tenéis problemas no dudéis en dejarme un comentario. Gracias por vuestra visita, espero vuestros comentarios y peticiones.





[sociallocker id=2791]Introducción al lenguaje HTML5MA[/sociallocker]





He podido comprobar que algunos usuarios no pueden acceder al contenido bloqueado, por ello vuelvo a poner otro codigo de compartir, si falla uno supongo que el otro deberia ir correctamente, un saludo de nuevo y gracias.

[sociallocker id=3163]

Aqui teneis el enlace al archivo:

html5libro

Pulsar aquí para descargar el archivo en formato pdf

Introducción al lenguaje HTML5MA

[/sociallocker]

Etiqueta <VAR>, Curso práctico HTML5

Etiqueta <VAR>, Curso práctico HTML5

No. 20 de 23 de articulos. HTML5

Ejercicios y prácticas de programación HTML5, estudios online, cursos gratuitos

Ejercicios y prácticas  resueltas de programación en HTML5, curso práctico

Etiqueta <VAR>

La finalidad de la etiqueta <var>, es la de resaltar texto en el documento web, indicando que el mismo son la definición de variables en un programa de ordenador.

(más…)

Etiqueta <KBD>, Curso práctico HTML5

Etiqueta <KBD>, Curso práctico HTML5

No. 19 de 23 de articulos. HTML5

Ejercicios y prácticas con solución HTML5, estudios y cursos online

Curso práctico de programación HTML5, ejercicios resueltos

Etiqueta <KBD>

La etiqueta <kbd>, permite especificar un formato de texto para distinguir lo que el usuario tendría que teclear en la solicitud de un programa.

(más…)

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies