¡Hola habitantes! ¡JavaScript nunca ha sido tan fácil! Aprenderá todas las características de un lenguaje de programación sin frases comunes y términos oscuros. Los ejemplos detallados, las ilustraciones y los diagramas serán claros incluso para un principiante. La fácil presentación de la información y el humor vivo del autor convertirán la aburrida memorización en una práctica entretenida de escribir código. Cuando llegues al último capítulo, subirás de nivel tus habilidades tanto que podrás resolver casi cualquier problema, ya sea un simple movimiento de elementos en la página o incluso tu propio juego de navegador.
Aquí hay una breve lista de lo que aprenderá:
• Cómo organizar su código usando variables.
• Cómo las funciones hacen que su código sea reutilizable.
• Cómo trabajar con bucles y condiciones.
• Qué son los ámbitos global y local.
• Qué son los cierres.
• Cómo escribir comentarios correctamente.
• Los principales tipos de objetos que encontrará en JavaScript.
• Cómo trabajar con texto y realizar operaciones de cadena estándar.
• Cómo utilizar matrices para procesar listas.
• Cómo crear tus propios objetos.
SOBRE PIZZA, TIPOS, PRIMITIVAS Y OBJETOS
EN ESTE CAPÍTULO:
- analizaremos la esencia y características de los objetos;
- Familiaricémonos con los tipos básicos en JavaScript;
- Descubra que la pizza no solo sabe muy bien, sino que también tiene un valor educativo.
Es hora de poner manos a la obra. ¡Súper serio! En los últimos capítulos, hemos explorado una variedad de valores, que incluyen: cadenas (texto), números, valores booleanos (verdadero y falso), funciones y otros elementos integrados de JavaScript.
Aquí hay algunos ejemplos para refrescar su memoria:
let someText = "hello, world!";
let count = 50;
let isActive = true;
A diferencia de otros lenguajes, JavaScript facilita la definición y el uso de estos elementos integrados. Ni siquiera necesitamos hacer un plan para su uso futuro. Pero a pesar de su sencillez, hay muchos detalles ocultos. Y su conocimiento es importante, ya que no solo facilita la comprensión del código, sino que también acelera la identificación de las causas de su mal funcionamiento.
Como habrás adivinado, los elementos en línea no son la mejor manera de describir los diferentes valores usados en JS. Existe un nombre más formal para tales valores, a saber, tipos. En este capítulo, comenzaremos con una suave introducción a su esencia y propósito.
¡Ir!
Hablemos de pizza primero
Como constantemente como algo (o pienso en qué comer), intentaré explicar el misterioso mundo de los tipos usando un ejemplo más simple: el mundo de la pizza.
Si no lo has comido durante mucho tiempo, déjame recordarte cómo se ve:
Por supuesto, la pizza no sale de la nada de esta manera. Se crea a partir de ingredientes simples y complejos:
Los ingredientes simples son fáciles de identificar. Estos son hongos y jalapeños. La razón por la que los llamamos simples es que no se pueden descomponer en sus partes componentes:
No se fabrican ni se ensamblan a partir de otros componentes.
Los ingredientes complejos incluyen queso, salsa, masa base y pepperoni. Lo que los hace difíciles es que están hechos de otros ingredientes:
Desafortunadamente, los ingredientes como el queso y el pepperoni nunca son fáciles. Para prepararlos, debe mezclar, freír y agregar varios componentes. Además, su preparación no se limita a mezclar ingredientes simples, sino que también puede requerir combinaciones complejas.
De la pizza a JavaScript
Todo lo que aprendimos sobre la pizza en la sección anterior fue por una buena razón. La descripción de ingredientes simples y complejos es bastante aplicable a los tipos en JavaScript. Cada ingrediente individual puede considerarse como un análogo del tipo que puede usar (Figura 12.1).
Como queso, salsa, pepperoni, champiñones y tocino en nuestra pizza, los tipos en JavaScript son cadena, número, booleano, nulo, indefinido, bigint., Símbolo (símbolos) y Objeto (objeto). Es posible que ya esté familiarizado con algunos de estos tipos, pero que otros no. Los consideraremos con más detalle en el futuro, ahora en la tabla. 12.1 puede ver una breve descripción de su propósito.
Como podemos ver, cada tipo tiene su propio propósito único. Al mismo tiempo, al igual que los ingredientes de la pizza, también se dividen en simples y complejos. Solo en la terminología de JavaScript, los tipos simples y complejos se denominan primitivos (tipos primitivos) y objetos (tipos de objetos), respectivamente.
Los tipos primitivos incluyen cadena, número, booleano, nulo, bigint, símbolo e indefinido. Cualquier valor que se encuentre dentro de su jurisdicción no está sujeto a división en partes. Son jalapeños y hongos en el mundo JavaScript. Las primitivas son bastante fáciles de definir y formatear en elementos fáciles de entender. No hay profundidad en ellos, y cuando nos reunimos con ellos, como regla, obtenemos lo que vemos inicialmente.
Los tipos de objetos, representados como Objeto en la tabla anterior, son más crípticos. Por lo tanto, antes de continuar con la descripción de los detalles de todos los tipos enumerados, vale la pena considerar por separado qué son exactamente los objetos.
¿Qué es un objeto?
El principio de los objetos en lenguajes de programación como JavaScript captura perfectamente su analogía de la vida real, en la que todos estamos literalmente rodeados de objetos. Estos incluyen su computadora, el libro en el estante, la papa (controvertida), el despertador, el póster pedido a eBay, etc. Puede seguir y seguir.
Algunos objetos como los pisapapeles son de poca utilidad y pueden estar inactivos durante mucho tiempo.
Otros objetos, como un televisor, ya se están moviendo más allá de la mera existencia y realizan muchas tareas:
Un televisor normal recibe una señal, le permite encenderlo y apagarlo, cambiar canales, ajustar el volumen y más.
Es importante comprender aquí que los objetos tienen diferentes formas, tamaños y propósitos. A pesar de estas diferencias, en el nivel superior son todos iguales y representan una abstracción. Permiten utilizarlos sin preocuparse por su estructura interna. Incluso los objetos más simples ocultan un cierto nivel de complejidad del que no debe preocuparse.
Por ejemplo, no importa qué sucede exactamente dentro del televisor, cómo se sueldan los cables o qué tipo de pegamento se utilizó para conectar las piezas. Nada de esto importa. Lo único que le interesa es que el televisor cumpla su propósito. Debe cambiar de canal con regularidad, permitir ajustar el volumen, etc. El resto son problemas innecesarios.
Básicamente, se puede pensar en un objeto como una caja negra. Hay una serie de acciones predefinidas / descritas que realiza. Ver cómo lo hace no es lo suficientemente fácil. De hecho, esto no le interesa mientras él haga todo bien. Cambiaremos de opinión sobre esto más adelante cuando aprendamos a crear el interior de un objeto, pero por ahora, disfrute de la simplicidad de este mundo.
Objetos predefinidos en JavaScript
Además de los tipos incorporados enumerados anteriormente, JS también viene con objetos predefinidos listos para usar. Estos objetos le permiten trabajar con cualquier cosa, incluidos conjuntos de datos, fechas, texto y números. Mesa 12.2 proporciona una lista similar a la anterior, describiendo su propósito:
El uso de objetos integrados es ligeramente diferente al uso de primitivas. Cada objeto a este respecto es especial a su manera. Aplazaré una explicación detallada de todas estas características de uso para más adelante, pero aquí daré un breve fragmento de código con un comentario que mostrará las posibles opciones:
//
let names = ["Jerry", "Elaine", "George", "Kramer"];
let alsoNames = new Array("Dennis", "Frank", "Dee", "Mac");
//
let roundNumber = Math.round("3.14");
//
let today = new Date();
// boolean
let booleanObject = new Boolean(true);
//
let unquantifiablyBigNumber = Number.POSITIVE_INFINITY;
// string
let hello = new String("Hello!");
Puede estar algo confundido de que las primitivas string, boolean, symbol, bigint y number también puedan existir en forma de objetos. Exteriormente, esta forma de objeto se parece mucho a la primitiva. He aquí un ejemplo:
let movie = "Pulp Fiction";
let movieObj = new String("Pulp Fiction");
console.log(movie);
console.log(movieObj);
Cuando genere ambas opciones, verá el mismo resultado. Sin embargo, internamente, movie y movieObj son bastante diferentes. La primera es literalmente una primitiva de tipo cadena y la segunda es de tipo Objeto. Esto conduce a un comportamiento interesante (y a veces confuso), que presentaré gradualmente a medida que explore los tipos integrados.
, , . , , . . , . , .
, . , .
Más detalles sobre el libro se pueden encontrar en el sitio web de la editorial
» Tabla de contenido
» Extracto
Versión electrónica del libro - color
Para los habitantes un 25% de descuento en el cupón - JavaScript
Al pagar la versión impresa del libro, un e -El libro se envía por correo electrónico.