Alessandra Salvaggio - JavaScript - Guía completa

Здесь есть возможность читать онлайн «Alessandra Salvaggio - JavaScript - Guía completa» — ознакомительный отрывок электронной книги совершенно бесплатно, а после прочтения отрывка купить полную версию. В некоторых случаях можно слушать аудио, скачать через торрент в формате fb2 и присутствует краткое содержание. Жанр: unrecognised, на испанском языке. Описание произведения, (предисловие) а так же отзывы посетителей доступны на портале библиотеки ЛибКат.

JavaScript: Guía completa: краткое содержание, описание и аннотация

Предлагаем к чтению аннотацию, описание, краткое содержание или предисловие (зависит от того, что написал сам автор книги «JavaScript: Guía completa»). Если вы не нашли необходимую информацию о книге — напишите в комментариях, мы постараемся отыскать её.

Si quieres crear codigo compatible con la mayor parte de los navegadores existentes, JavaScript es el lenguaje de programacion web que necesitas.
Este libro se centra en la aplicacion de JavaScript en el ambito web y se basa en ECMAScript 6, la version de JavaScript mas utilizada en la actualidad. Gracias a las prestaciones mejoradas de los PC, la ejecucion de JavaScript es cada vez mas rapida, cosa que ha permitido ampliar su entorno de uso.
Entre los temas tratados:
Trabajar con cadenas de texto, bucles, funciones, formularios y eventos
Expresiones regulares, objetos, arrays asociativos, modo estricto
Funciones avanzadas, JSON, AJAX y REST
Objetos avanzados, DOM y BOM
Lienzo, geolocalización
Web worker, arrastre, Visual Studio Code
Ademas, en la parte inferior de la primera pagina del libro encontraras el codigo de acceso que te permitira descargar de forma gratuita los contenidos adicionales del ebook en www.marcombo.info.

JavaScript: Guía completa — читать онлайн ознакомительный отрывок

Ниже представлен текст книги, разбитый по страницам. Система сохранения места последней прочитанной страницы, позволяет с удобством читать онлайн бесплатно книгу «JavaScript: Guía completa», без необходимости каждый раз заново искать на чём Вы остановились. Поставьте закладку, и сможете в любой момент перейти на страницу, на которой закончили чтение.

Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

En la primera ejecución del bucle, accedo al elemento en la posición 0 ( ial inicio vale 0), en la segunda repetición, accedo al elemento en la posición 1 ( iha aumentado una unidad), en la tercera y última, accedo al elemento en la posición 2 ( iha aumentado otra unidad).

En nuestro caso específico:

•En la primera vuelta del bucle for, i = 0y listaLI.item(i)indica el elemento LI“uno”.

•En la vuelta siguiente, i = 1y listaLI.item(i)indica el elemento LI“dos”.

•En la tercera y última vuelta, i = 2y listaLI.item(i)indica el elemento LI“tres”.

Observa que en JavaScript los conjuntos de valores (como listaLI) siempre tienen índices que empiezan desde 0: el primer elemento tiene índice (posición) 0, el segundo tiene índice 1 y así sucesivamente.

Ahora que ya hemos visto cómo acceder a los distintos elementos LI, debemos precisar que con listaLI.item(i).valueaccedemos al atributo valuedel elemento LI: si el atributo valueya no existe, se crea y se le asigna un valor, si no, solo se modifica el valor.

Con la instrucción listaLI.item(i).value = i+1fijamos el valor de valueal valor del índice aumentado en una unidad (para compensar el hecho de que el índice empieza desde 0 mientras que los números de la lista lo hacen desde 1).

Seguramente has observado que, en este caso, hemos escrito i + 1y no i+=1o i+.Esto es así porque no estamos modificando el valor de i, sino que solo lo estamos utilizando (leyendo) y, de hecho, es la instrucción forla que se ocupa de gestionar el incremento de la variable índice en cada vuelta o bucle.

La consola

Sin embargo, si ejecutamos en el navegador este código, no percibimos su acción (estamos actuando a nivel de código HTML con una modificación que no tiene ningún impacto sobre el output de la página en el navegador).

¿Y cómo podemos ver el resultado de nuestro bucle for?

Una posibilidad consiste en leer el código fuente de la página del navegador. Para acceder al código fuente de la página, pulsa con el botón derecho del ratón en cualquier punto de la página y selecciona la opción “Ver código fuente” o similar (depende del navegador): ¡verás que el código HTML ha sido modificado por nuestro código JavaScript!

Una manera más potente de analizar una página es abrir el modo de desarrolladores pulsando la tecla F12del teclado (en Firefox y Chrome, también mediante la combinación CTRL+MAYÚS+i).

En función del navegador que se utilice, aparece una ventana independiente o una sección en la página que muestra distintas pestañas, una de las cuales permite analizar el código HTML (Figura 5.1), además de los estilos CSS y el código JavaScript cargados por la página.

Figura 51 El código HTML que genera la página mostrada Otra sección muy - фото 15

Figura 5.1– El código HTML que genera la página mostrada.

Otra sección muy interesante de las herramientas para los desarrolladores es la consola: un área donde el navegador muestra eventuales errores encontrados durante la carga de la página y/o la ejecución del código JavaScript.

Desde nuestro código, es posible utilizar la consola del navegador para escribir mensajes que nos pueden ayudar a identificar problemas (los denominados mensajes de depuración).

Por ejemplo, podemos modificar nuestro bucle fordel siguiente modo.

for (let i=0; i

Puedes encontrar este ejemplo en el archivo Bucles2 .html

La instrucción console.log llama a la función logdel objeto console, que escribe un mensaje en la consola del navegador.

NOTA Obviamente, si la consola no está abierta, el mensaje no aparece.

Si ejecutamos el bucle, tendremos, en la consola (Figura 5.2), líneas como estas:

i=0 value=1 elemento=[object HTMLLIElement]

i=1 value=2 elemento=[object HTMLLIElement]

i=2 value=3 elemento=[object HTMLLIElement]

Figura 52 Mensajes en la consola Estos mensajes confirman los valores de la - фото 16

Figura 5.2– Mensajes en la consola.

Estos mensajes confirman los valores de la variable índice i, del valor calculado para el atributo valuey del hecho que listaLI.itemcontiene objetos JavaScript que representan elementos LI.

Algunos desarrolladores suelen mostrar en pantalla estos mensajes mediante ventanas alert que se abren en la página del navegador (Figura 5.3).

alert(`i=${i} value=${i + 1} elemento=${listaLI.item(i)}`);

Figura 53 La ventana alert Es preferible utilizar consolelogen lugar de - фото 17

Figura 5.3– La ventana alert.

Es preferible utilizar console.logen lugar de las ventanas de alert, porque console.logno interrumpe la ejecución del código y en cambio alert, sí.

Funciones En este capítulo hablaremos de funcionesque permiten agruparvarias - фото 18

Funciones

En este capítulo hablaremos de funcionesque permiten agruparvarias líneas de código para mantener el orden y reutilizarmás fácilmente partes de código.

Temas tratados

•Definir y utilizar funciones

•Utilizar el operador ternario

•Pasar parámetros

•Arrays

•Funciones anónimas

•Área de validez de constantes y variables

Una función es un grupo de instrucciones que ejecuta una tarea o calcula un valor.

Para trabajar con funciones se precisan dos pasos:

•declarar la función y definir sus acciones

•llamar a la función en uno o varios puntos del código

Para explicar mejor el uso de funciones, empezaremos con un ejemplo:

function esFinDeSemana() {const dia = new Date().getDay();if (dia === 0 || dia === 6) return true;else return false}let valorSrc;if (esFinDeSemana() === true) valorSrc = 'CaritaFeliz.png';else valorSrc = 'CaritaTriste.png';document.getElementById('carita').src = valorSrc;

Puedes encontrar este ejemplo en el archivo Funciones .html

Empezamos el análisis de este código precisamente por la función esFinDeSemana:

function esFinDeSemana() {const dia = new Date().getDay();if (dia === 0 || dia === 6) return true;else return false}

Observa que, para crear la función, se utiliza la palabra function seguida del nombre de la misma función y, a su vez, seguida de un par de paréntesis.

Todas las líneas de código que forman parte de la función se sitúan entre llaves.

Anteriormente hemos dicho que una función puede limitarse a ejecutar acciones, o bien puede devolver un valor, como la función que estamos analizando.

Читать дальше
Тёмная тема
Сбросить

Интервал:

Закладка:

Сделать

Похожие книги на «JavaScript: Guía completa»

Представляем Вашему вниманию похожие книги на «JavaScript: Guía completa» списком для выбора. Мы отобрали схожую по названию и смыслу литературу в надежде предоставить читателям больше вариантов отыскать новые, интересные, ещё непрочитанные произведения.


Отзывы о книге «JavaScript: Guía completa»

Обсуждение, отзывы о книге «JavaScript: Guía completa» и просто собственные мнения читателей. Оставьте ваши комментарии, напишите, что Вы думаете о произведении, его смысле или главных героях. Укажите что конкретно понравилось, а что нет, и почему Вы так считаете.

x