PRESENTACIÓN

“JAVASCRIPT”
Colegio de Estudios Científicos y
Tecnológicos del Estado de
México
Profesora: Reyna Hernández Mauro
Alumna: Piama Sunmy Ramírez Atayde
Grupo:411
Introducción
ARREGLOS

EVENTOS

CLASES

OBJETOS

TIPOS DE DATOS

NAVIGATOR,
LOCATION Y FRAME.

MÉTODOS GETTERS Y
SETTERS
 ARREGLOS

EJEMPLO
¿Que son?
En JavaScript, los arreglos pueden ser una
colección de elementos de cualquier tipo.
Esto significa que tú puedes crear un
arreglo con elementos de tipo Cadena ,
Boolean, Número, Objetos, e incluso otros
Arreglos.

Cada elemento del arreglo (matriz) tiene un

número al que está asociado, llamado
"índice numérico" (numeric index), que
permite acceder a él.
En JavaScript, los arreglos (matrices)
comienzan a partir del índice cero y pueden
ser manipulados con varios métodos.
 EVENTOS Tipos de eventos

¿Que son?
Los eventos son cosas que suceden en el sistema que estás
programando. El sistema se encarga de producir una señal de
cierto tipo cuando un evento ocurre, y proporciona un
mecanismo para que una acción se lleve a cabo (ejecutar
código) de forma automática cuando el evento ocurra. Los
eventos se lanzan dentro de la ventana del navegador y
usualmente están asociados a un elemento en específico dentro
de dicha ventana.

¿Como se define?
Para definir las acciones que queremos realizar al
producirse un evento utilizamos los manejadores de eventos.
Existen muchos tipos de eventos sobre los que podemos
asociar manejadores de eventos, para muchos tipos de
acciones del usuario.
En Javascript podemos definir eventos de dos maneras
distintas. Una manera es en el propio código HTML, usando
atributos de los elementos (etiquetas) a los que queremos
asociar los manejadores de eventos. Otra manera un poco más
avanzada es usando los propios objetos del DOM. Vamos a ver
ambas maneras a continuación.
 CLASES
¿Que es?
Definiendo clases Son una mejora sintáctica sobre la herencia
Expresiones de clases
Las clases son "funciones especiales", basada en prototipos de JavaScript. La Una expresión de clase es otra manera de
como las expresiones de funciones y sintaxis de las clases no introduce un nuevo definir una clase. Las expresiones de clase
declaraciones de funciones, la sintaxis modelo de herencia orientada a objetos en pueden ser nombradas o anónimas. El nombre
de una clase tiene dos componentes: JavaScript. Las clases de JavaScript proveen dado a la expresión de clase nombrada es
una sintaxis mucho más clara y simple para local dentro del cuerpo de la misma.
expresiones de clases y declaraciones de
crear objetos y lidiar con la herencia.
clases.

Alojamiento
Una importante diferencia entre las declaraciones de
funciones y las declaraciones de clases es que las
declaraciones de funciones son alojadas y las declaraciones
Ejemplo de declaracion de una clase
de clases no lo son. En primer lugar necesitas declarar tu
Una manera de definir una clase es mediante una
clase y luego acceder a ella, de otro modo el ejemplo de
declaración de clase. Para declarar una clase, se
código siguiente arrojará un ReferenceError:
utiliza la palabra reservada class y un nombre para
la clase "Rectangulo".
 Objetos
¿Que son?
Un objeto es una colección de datos relacionados y/o
funcionalidad (que generalmente consta de algunas
variables y funciones, que se denominan propiedades y
métodos cuando están dentro de objetos).
Objeto literal o declarativo
Objeto Constructor
‌
‌
Este objeto se crea usando las llaves {} y dentro de ellas,
Para estos objetos se usa una función llamada constructora,
podeos incluir una lista de propiedades con sus respectivos
valores asociados. en esta el nombre de la función será el nombre del objeto y
La clave (key) o nombre de la propiedad, puede tener un se le colocará este nombre usando la primera letra en
valor que puede ser de cualquier tipo de dato.‌ mayuscula inicial, para hacer uso de esta función se deberá
Los objetos se pueden crear a una constante y se le asignan instanciar el objeto usando la palabra reservada new (u
unas llaves, donde se crearia un objeto vacio, o se le operador).
asigna a la constante un objeto con las propiedades.
Para crear un objeto vacio tambien se puede hacer mediante
la palabra reservada new Object().
 Número (number): El tipo number representa tanto números
enteros como de punto flotante.

Tipos de datos
BigInt: En JavaScript, el tipo “number” no puede
representar valores enteros mayores que (253-1) (eso es
9007199254740991), o menor que -(253-1) para negativos.
Es una limitación técnica causada por su representación
interna. Para la mayoría de los propósitos es suficiente,
pero a veces necesitamos números realmente grandes. Por
ejemplo, para criptografía o marcas de tiempo de
precisión de microsegundos.

String: Un string en JavaScript es una cadena de

caracteres y debe colocarse entre comillas.

Boolean (tipo lógico): El tipo booleano tiene sólo dos

valores posibles: true y false.

El valor “null” (nulo): El valor especial null no

pertenece a ninguno de los tipos descritos anteriormente.

El valor “undefined” (indefinido): El valor especial

undefined también se distingue. Hace un tipo propio,
igual que null. El significado de undefined es “valor no
asignado”.

Object y Symbol: El tipo object (objeto) es especial.

Todos los demás tipos se llaman “primitivos” porque sus

valores pueden contener una sola cosa (ya sea una cadena, un
número o lo que sea). Por el contrario, los objetos se
utilizan para almacenar colecciones de datos y entidades más
complejas. El tipo symbol (símbolo) se utiliza para crear
identificadores únicos para los objetos.
 Navigator, Location y Frame.

Navigator Location Frame

La interfaz Navigator representa el La interfaz representa la ubicación Los frames es un elemento implementado
estado y la identidad del user agent. (URL) del objeto al que está vinculado. por Netscape, que permite dividir la
Es completamente consultable y es Los cambios realizados en él se pantalla en varias áreas independientes
posible registrar scripts para que reflejan en el objeto al que se unas de otras, y por tanto con
refiere. Tanto la interfaz Documentcomo contenidos distintos, aunque puedan
ejecuten diversas actividades.
Windowtienen un enlace Locational que estar relacionados.
Un objeto Navigator puede ser obtenido
se puede acceder a través de
usando la propiedad de sólo lectura
Document.locationy
Window.navigator.
Window.locationrespectivamente.
 Métodos getters y setters

¿Que son?
Son construcciones frecuentes de los objetos
que posibilitan el acceso a valores o
propiedades, sin descubrir la forma de
implementación de las clases. Es decir,
permiten encapsular los objetos y evitar el
mantenimiento de las aplicaciones cuando el
modo de implementar esos objetos se
transforma.

Con setter, asignas un

valor.
Con getter, lo recibes.
 FORMATO APA
Zubikarai, S. (2022, January 12).
Manual de arreglos en Location - Web APIs | MDN. (2024,
JavaScript: Métodos de arreglos January 15). MDN Web Docs.
de JS explicados con ejemplos.
Navigator - Referencia de la API
Web | MDN. (n.d.). MDN Web Docs.
Arreglos (Matrices) - Glosario de
MDN Web Docs: Definiciones de
Frames. (n.d.).
términos relacionados con la
Web | MDN. (2023, November 13). De Zúñiga, F. G. (2024, April 19).
MDN Web Docs. Propiedades con get y set en
Garro, A. (2014, August 1). JavaScript. Blog De arsys.es.
Eventos | JavaScript.

Clases - JavaScript | MDN. (n.d.).

MDN Web Docs.

Conceptos básicos de los objetos

JavaScript - Aprende desarrollo
web | MDN. (2023, July 22). MDN
Web Docs.

Angel, V. M. A. (2023, April 8).

Objetos en Javascript - Vanessa
Marely Aristizabal Angel -
Medium. Medium.

Tipos de datos y operadores en

JavaScript. (2023, August 25).
IfgeekthenNTTdata.