JavaScript Glosario

Variables Los lenguajes de programacin usan variables para almacenar valores. Las variables pueden tener un mbito global o local a la funcin. Los nombres de las variables distinguen las maysculas y minsculas, y deben comenzar con una letra, un guin bajo (_) o el signo de dlar ($). Asignacin de variables Sintaxis var nombre = valor; var Es la palabra reservada para definir una variable.

nombre Es el nombre de la variable. valor Ejemplo var x = 1; var miNombre = "Bob"; var suNombre = miNombre; Nmeros *, /, -, + (Multiplicacin, Divisin, Suma, Resta) Notas Los anteriores funcionan como lo supones. % (Mdulo) Sintaxis nmero1 % nmero2 nmero1,2 Son dos variables numricas o dos nmeros. % Es el operador mdulo. Retorna el residuo de la divisin de nmero1 por nmero2. Ejemplo 14 % 9 // retorna 5 ++ (Incremento) variable1++ ++variable2 postincremento variable1 es incrementada (es decir, variable1 = variable1 + 1). Cuando se evala, se toma el anterior valor de la variable1. Es cualquier valor JavaScript o una referencia a un valor (otra variable).

predincremento -- (Decremento) variable1---variable2 postincremento

variable2 es incrementada (es decir, variable2 = variable2 + 1) y se retorna su nuevo valor.

variable1 es decrementada (es decir, variable1 = variable1 - 1). Cuando se evala, se toma el anterior valor de la variable1.

predincremento Cadenas

variable2 es decrementada (es decir, variable2 = variable2 - 1) y se retorna su nuevo valor.

Literales de strings Sintaxis "string de texto" 'string de texto' Concatenacin de strings Sintaxis string1 + string2 string1,2 Dos variables o literales de string que sern concatenados. El operador de concatenacin une string1 con string2 y retorna un nuevo string, que + Ejemplo "algn" + "texto"; // retorna "algntexto" var primera = "mi"; var segunda = "string"; var union = primera + segunda; // la variable union tiene el str ing "mistring" replace Retorna un string con la primera subcadena del par reemplazada por una nueva subcadena. Ejemplo "string original".replace("original", "reemplazado"); // retorna "string reemplazado" toUpperCase, toLowerCase es la unin de ambos strings. Concatenar no es ms que una palabra elegante, que quiere decir combinar dos strings en una.

Cambia todas las letras del string a maysculas o minsculas. Ejemplo "mi nombre".toUpperCase(); // Retorna "MI NOMBRE" "MI NOMBRE".toLowerCase(); // Retorna "mi nombre" substring Retorna la secuencia de caracteres entre dos ndices dentro de un string. Ejemplo "aventuras".substring(2,9); // Retorna "enturas" Booleans Literales booleanos Sintaxis true false true es usado para representar un valor false es usado para representar un valor booleano igual a false.

booleano igual a true. Operadores lgicos booleanos Sintaxis expresin1 && expresin2 expresin3 || expresin4 !expresin5 &&

Y lgico, retorna true si expresin1 y expresin2 son true. De lo contrario, retorna false.

|| !

O lgico, retorna true si expresin3 o expresin4 son true, o ambos son true. De lo contrario, retorna false.

Negacin lgica, retorna el booleano opuesto de expresin5. Operadores comparativos Operador === (Igual a) !== (No es igual a) Descripcin Retorna true si los operandos son iguales. Retorna true si los operandos no son iguales. > (Mayor que) Retorna true si el primer operando es mayor 2 > 1; que el segundo operando. Ejemplos que retornan true 1 === 1; 1 !== 2;

>= (Mayor o igual que) Retorna true si el primer operando es mayor 2 > 1;

que o igual al segundo operando. < (Menor que) Retorna true si el primer operando es menor que el segundo operando. <= (Menor o igual que) Comentarios

1 >= 1; 2 > 1; 1 >= 1;

Retorna true si el primer operando es menor 1 < 2; 1 <= 1; que o igual al segundo operando.

Por lo general, un comentario es usado dentro del cdigo para explicar cmo funciona algo o para escribir informacin necesaria sobre una seccin. Los comentarios son muy tiles para hacer que el cdigo sea ms legible. Comentario de una sola lnea Sintaxis // Este es un comentario de una sola lnea. Todo lo que est en la lnea despus de // ser un comentario, mientras que todo lo que est antes seguir siendo cdigo. Comentario de varias lneas Sintaxis /*Comentario1 Comentario2 . . Comentario3 */ Comentario1-N Todo lo que est entre /* y */ ser comentario, y podr abarcar varias lneas. Funciones Definicin de funciones Sintaxis var nombre = function (parmetro1, parmetro2, ..., parmetroN) { sentencia1; sentencia2; . . .

sentenciaN; }; nombre El nombre de la funcin.

parmetro Es el nombre de la variable que es pasada como argumento a la funcin. sentencia Ejemplo var saludo = function (nombre) { console.log("Hola " + nombre); }; Llamada de una funcin Sintaxis nombre(argumento1, argumento2, ..., argumentoN); nombre El nombre de la funcin que ser llamada. Una sola sentencia de JavaScript. Por ejemplo, var x = 1; es una sentencia.

argumento Un valor o una referencia a un valor que ser pasado a la funcin. Ejemplo saludo('Hola'); Si la declaracin de Single if Syntax if (condition) { statement1; statement2; . . . statementN; } condition A boolean condition

statement1...N The set of statements to execute if the condition evaluates to true. Example if (answer === 42) { console.log('Told you so!');

} if ... else Syntax if (condition) { statement1; } else { statement2; } Notes If the condition is true, statement1 will be executed. Otherwise, statement2 will be executed. Example if (name.length > 0) { console.log("Please enter your name."); } else { console.log("Hello " + name); } else if Syntax if (condition1) { statement1; } else if (condition2) { statement2; } else { statement3; } Notes If condition1 is true, then statement1 will be executed. If condition1 is false, and condition2 is true, then statement2 will be executed. If condition1 and condition2 are both false, then statement3 will be executed. Example if (someNumber > 10) { console.log("Numbers larger than 10 are not allowed.");

} else if (someNumber < 0) { console.log("Negative numbers are not allowed."); } else { console.log("Nice number!"); } Cambie declaracin Sintaxis switch (expresin) { case etiqueta1: sentencias1; break; case etiqueta2: sentencias2; break; . . . case etiquetaN: sentenciasN; break; default: sentenciasX; break; } Sentencias Una o ms sentencias de JavaScript. expresin etiqueta Una sentencia que genera un valor - por ejemplo, 1 + 1 o x, donde x es una variable predefinida. Un valor o una expresin que coincida con el resultado de expresin Notas Las sentencias switch se usan para chequear diferentes valores de una variable (o una expresin) y en dependencia de ellos controlar el flujo del programa. Ejemplo

switch (GPA){ case 90: gradoLetra = "A+"; break; case 80: gradoLetra = "A"; break; case 70: gradoLetra = "C"; break; case 60: gradoLetra = "D"; break; case 50: gradoLetra = "E"; break; default: gradoLetra = "F"; break; } Pperador ternario Syntax condition ? expression1 : expression2; condition A boolean expression. expression A statement that yields a value. Notes The ternary operator is usually used as a shortcut for the if statement. Example // Using an if statement. var msg = "You "; if (grade > 50) {

msg = msg + "Passed!"; } else { msg = msg + "Failed!"; } console.log(msg);

// Using a ternary operator. console.log("You " + (grade > 50 ? "Passed!" : "Failed!")); Objetos Un objeto es un elemento en forma de lista que tiene propiedades que corresponden a valores, variables u otros objetos de JavaScript. Literales de objetos Sintaxis { "propiedad1": valor1, propiedad2: valor2, nmero: valor3 } Una propiedad del objeto en forma de string. Puede ser cualquier string vlida de propiedad1 JavaScript . Esto se usa cuando la propiedad contiene un espacio o un caracter no adecuado para ser identificador. propiedad2 nmero valor1,2,3 Ejemplo var obj = { nombre: "Bob", casado: true, "nombre de la madre": "Alice", "ao de nacimiento": 1987, Un propiedad en forma de identificador (cualquier nombre de variable de JavaScript vlido; consulta las Variables). Un nmero entero vlido. Puede ser cualquier valor de JavaScript vlido (nmero, string, booleano, objeto, funcin, etc.)

saberEdad: function () { return 2012 - obj["ao de nacimiento"]; }, 1: 'uno' }; Acceso a Propiedad Sintaxis nombre1[string] nombre2.identificador nombre1,2 string identificador Ejemplo obj['nombre']; obj.nombre; // 'Bob' // 'Bob' El nombre de la variable de objeto. Cualquier string o variable vlida que haga referencia a un valor de string. Un identificador (Cualquier nombre de variable de JavaScript vlido; consulta las Variables).

obj.saberEdad(); // 24 Para bucles Sintaxis for ([inicializacin]; [condicin]; [incremento]) { sentencia1; sentencia2; . . . sentenciaN; } inicializacin Una expresin que se ejecuta antes de que comience el bucle. Se usa para inicializar una variable de conteo, tal como i. condicin incremento Expresin que es evaluada antes de cada iteracin del bucle. Si el resultado es verdadero el bucle continuar; de lo contrario se detendr. Una expresin que se usa para modificar la variable de conteo al final de cada

bucle (a menudo es un postincremento). sentencia1...N Ejemplo for (var tiempo = 10; tiempo > 10; tiempo--) { console.log("Lanzamiento del cohete en T menos " + tiempo); console.log("NO ENTRES EN PNICO"); } Bucles mientras Sintaxis while (condicin) { sentencia1; sentencia2; . . . sentenciaN; } condicin Una expresin que se evala antes de cada iteracin del bucle. Si el resultado es true, el bucle continuar. De lo contrario, se detendr. sentencia1...N Ejemplo while (puertaAbierta()) { console.log("Por favor cierra la puerta"); } Do While loops Un bucle Do-While es muy parecido a un bucle While normal. Un bucle Do-While garantiza que el bloque de cdigo se ejecutar al menos una vez sin importar la condicin. Sintaxis Sintaxis do { Sentencias de JavaScript que se ejecutarn en el cuerpo del bucle mientras la condicin sea verdadera. Sentencias de JavaScript que se ejecutarn mientras que la condicin sea verdadera.

sentencia1; sentencia2; . . . sentenciaN; } while (condicin); sentencia1...N Sentencias de JavaScript que se ejecutarn mientras que la condicin sea verdadera. Expresin que se evala durante cada iteracin del bucle. Si el resultado es condicin Ejemplo do { console.log("Se ejecuta al menos una vez"); } while (false) Matrices Un arreglo es un tipo especial de objeto y es una lista ordenada de valores JavaScript, tales como nmeros, strings o incluso objetos. Arreglo de Literales Sintaxis [valor1, valor2, ..., valorN] valor1...N Una lista de valores o variables JavaScript. Ejemplo var primos = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37]; Acceso a los elementos de un arreglo Sintaxis nombre[ndice] nombre El nombre de la variable del arreglo. El ndice en base 0 del elemento en el arreglo. Observa que la posicin de un elemento ndice Ejemplo var primos = [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37]; en un arreglo est determinada por la cantidad de elementos a su izquierda. Como resultado, el primer elemento de un arreglo se encuentra en el ndice 0. verdadero, el bucle continuar. De lo contrario, se detendr. La condicin es solamente verificada despus de la primera ejecucin del bucle.

primos[0]; // 2 primos[3]; // 7 Arreglos multidimensionales Sintaxis var 1D = []; Visual: [ | | | | | ]

var 2D = [ [], [], [],...]; Visual: [ | | | | | ] [ | | | | | ] [ | | | | | ] [ | | | | | ] Matemticas Math es un objeto que contiene una biblioteca de funciones matemticas. random Sintaxis Math.random() Retorna un nmero aleatorio entre 0 y 1. Ejemplo Math.random(); // Un nmero aleatorio entre 0 y 1. floor Sintaxis Math.floor(expresin) Retorna el nmero entero mayor, que es menor o igual que el nmero. expresin Una expresin que retorna un nmero. Ejemplo Math.floor(9.99); // 9 Math.floor(1 + 0.5); // 1 Math.floor(Math.random() * X + 1); // Retorna un nmero aleatori o entre 1 y X Errores

Mensaje de error

Descripcin Se encontr un carcter/palabra reservada de

Ejemplos que causan error

JavaScript en una var x - 1; parte de tu cdigo SyntaxError: Unexpected Syntax Error: Unexpected Token donde se esperaba token un carcter/palabra reservada diferente. Se encontr una palabra no Syntax Error: Unexpected identifier reservada en una var x a 1

parte de tu cdigo SyntaxError: Unexpected donde se esperaba identifier a cierta palabra reservada/carcter. Esto ocurre 1 = x ReferenceError: Invalid left -hand side in assignment

ReferenceError: Invalid lefthand side in assignment

cuando tratamos de asignar un valor a una no variable. Esto ocurre

ReferenceError: {palabra} is not defined

cuando tratamos de usar una variable que no ha sido definida.

a++; ReferenceError: a is not def ined

Cajas Emergentes alert Syntax alert(message); messsage A string of text to be displayed in the alert dialog. Example alert("Hello World"); prompt

Syntax prompt(message); message A string of text to be displayed in the prompt dialog. Example var name = prompt("Enter your name:"); confirm Syntax confirm(message); message A string of text to be displayed in the confirm dialog. if ( confirm("Are you sure you want to delete this post?") ) { deletePost(); } OOP Classes A class can be thought of as a template to create many objects with similar qualities. Classes are a fundamental component of object-oriented programming (OOP). Class constructor Syntax var ClassName = function (parameter1, parameter2, ..., parameter N) { this.property1 = parameter1; this.property2 = expression; }; ClassName parameter1..N this The name of the new class. By convention, class names are always uppercase. Parameters passed in when the class is created. This is generally used to assign a property value. Parameters are optional. Refers to the class instance object being created. A property or "attribute" of the class. This can be either an simple value or a property1 function. Can be initialized with default values or values passed in through a parameter. property2 Example var Vegetable = function (color) { An example of a property that has a default value (in this case its the result of an expression) that is not the value of a parameter.

this.color = color; this.delicious = true; this.eat = function() { console.log("nom"); }; }; Class Instances and Usage Syntax var objName = new ClassName(argument1, argument2, ..., argumentN ); objName ClassName New instances of the ClassName class. These are objects. The class we are creating an instance of.

argument1...N Arguments we are passing into the class. Example var broccoli = new Vegetable("green"); console.log("Broccoli is " + broccoli.color + "!"); // will prin t "Broccoli is green!" Notes In the example above, we are accessing the color property on the object "broccoli" that is an instance of the class "Vegetable". See object property access. Class methods Syntax ClassName.prototype.methodName = function (paramater1, paramater 2, ... paramaterN) { statement1 . . statmentN }; ClassName methodName The class which the method is being added to. The name of the method we're adding.

paramater1...N The method parameters. Example

var Person = function () { this.job = "Unemployed"; };

Person.prototype.getJob = function() { return this.job; };

var Bob = new Person(); Bob.getJob(); // 'Unemployed' Inheritance Inheritance allows one class to gain properties from another class. Syntax SubClass.prototype = new SuperClass(); SubClass The class that receives the inheritance, the child.

SuperClass The class that gives the inheritance, the parent. Example var PoliceOfficer = function (age) { this.job = "Police Officer"; this.age = age; };

PoliceOfficer.prototype = new Person();

PoliceOfficer.prototype.retire = function () { if (this.age > 66) { this.retired = true; } else { this.retired = false; }

return this.retired; };

var Alice = new PoliceOfficer(43);

Alice.getJob(); // 'Police Officer' Alice.retire(); // false Example var Lieutenant = function (age) { this.rank = "Lieutenant"; this.age = age; };

Lieutenant.prototype = new PoliceOfficer();

Lieutenant.prototype.getRank = function () { return this.rank; };

var John = new Lieutenant(67);

John.getJob(); // 'Police Officer' John.getRank(); // 'Lieutenant' John.retire(); // true