Repaso conceptos básicos de JavaScript

11
Repasando JavaScript - Presentación - Inicio del lenguaje - Tipos de datos y variables - Objetos - Arrays - Funciones - Event y Arguments - Operadores - Otros conceptos básicos

description

 

Transcript of Repaso conceptos básicos de JavaScript

Page 1: Repaso conceptos básicos de JavaScript

Repasando JavaScript- Presentación- Inicio del lenguaje- Tipos de datos y variables- Objetos- Arrays- Funciones- Event y Arguments- Operadores- Otros conceptos básicos

Page 2: Repaso conceptos básicos de JavaScript

Presentación

Quique Fdez. GuerraDesarrollador frontend en Beezy@CKGrafico - www.ckgrafico.com

Page 3: Repaso conceptos básicos de JavaScript

Inicio del lenguaje

Brendan EichNetscapeMozilla

- Años 90- Necesidad lenguaje navegador- Mucha prisa

Nace un lenguaje sencillo aunque menos robusto respecto otros.

Se estandariza como ECMAScript ya vamos por la sexta versión (2014-2015)

Page 4: Repaso conceptos básicos de JavaScript

Tipos de datosPRINCIPALES

- String- Number- Boolean

COMPUESTOS- Object- Array

ESPECIALES- null- undefined

Variables- Cualquier cosa puede ser una variable- Todas se definen con var- Su tipo depende directamente de lo que asignamos

Enlace recomendado

VarValor Tipo

Page 5: Repaso conceptos básicos de JavaScript

ObjetosObjeto: “Everything is an object” (Todo son objetos)JSON: Representación en texto de un objeto JavaScript (JS Object Notation)

Los objetos que creemos llamando a ésa función con new tendrán su [[Prototype]] (__proto__) apuntando a la propiedad prototype de la función.

@amatiasq

Prototype vs __proto__

¿Qué es?- Una variable compuesta, una entidad, algo existente.- Tiene propiedades- Puede tener métodos

Page 6: Repaso conceptos básicos de JavaScript

Arrays¿Qué es?- Es un objeto- Que tiene la propiedad length- Por defecto tiene índices numéricos, pero..

Page 7: Repaso conceptos básicos de JavaScript

FuncionesDeclaración de funciones vs Expresión de funciones

Anónimas

Anónimas autoejecutables

Page 8: Repaso conceptos básicos de JavaScript

Event y Argumentsevent: Es un parámetro que siempre se nos pasa al capturar un evento en JavaScript.Contiene un montón de propiedades y métodos interesantes como algunos de los siguientes.

Page 9: Repaso conceptos básicos de JavaScript

Event y Argumentsarguments: Un objeto que parece un Array pero no lo es.Contiene todos los parámetros que hemos pasado a la función

Se utiliza muchas veces cuando no sabemos que argumentos ni cuantos nos pasan, aunque en ECMA6 seguramente su uso será casi nulo por todas las novedades que trae, p. ej:

Page 10: Repaso conceptos básicos de JavaScript

OperadoresDe asignación

Aritméticos

Relacionales

Lógicos

De cadenas

Page 11: Repaso conceptos básicos de JavaScript

Otros conceptos básicosMath

RegExp

Timers básicos

Date

Closures

Cadenas