Cómo utilizar la consola de desarrollador javascript

A veces, es útil ser capaz de ejecutar comandos de javascript sin necesidad de crear una página HTML e incluyendo secuencias de comandos separados o la creación de bloques. Por estos tiempos, puede utilizar la consola de javascript del navegador Chrome.

Para acceder a la consola de javascript, encontrará el menú de Chrome en la esquina superior derecha de su navegador. Parece que tres líneas horizontales. Haga clic en el menú de Chrome y luego encontrar más Herramientas en el menú desplegable. En Más Herramientas, seleccione Consola de javascript en el menú desplegable.

Y, sí, hay una manera más rápida para abrir la consola javascript. Basta con pulsar Alt + Comando + J (en Mac) o Control + Shift + J (en Windows).

Video: Cómo Acceder a la Consola en Google Chrome, Tutorial de javascript

Consola de javascript en el navegador Chrome.
Consola de javascript en el navegador Chrome.

Video: Curso MOOC. Consola javascript de Firefox

La consola javascript es quizás el mejor amigo del desarrollador de javascript. Además de lo que le permite probar y ejecutar código javascript rápida y fácilmente, sino que también es donde se registran errores en el código, y tiene características que le ayudarán a localizar y resolver problemas con su código.

Una vez que haya abierto la consola de javascript, puede empezar a introducir órdenes en él, que se desarrollará tan pronto como se pulsa Intro. Para probarlo, abra la consola de javascript y escriba los siguientes comandos y presione ENTRAR después de cada uno:

1080/3340 + 240 * 34100 334% ++ 34--

Al comentar su código

A medida que aprenda más comandos javascript y empezar a escribir programas más grandes, a menudo es útil ser capaz de salir de sí mismo pequeños recordatorios de lo que estaba pensando o lo hacen ciertas cosas. En la jerga de programador, estas pequeñas notas se llaman (o para cualquier otra persona que pueda trabajar con su código) los comentarios. El proceso de escribir estas notas se llama comentando.

El motor de javascript ignora por completo los comentarios. Ellos están allí sólo para las personas. Este es su tiempo para explicar las cosas, aclarar las cosas, describir su forma de pensar, o incluso dejar recordatorios a sí mismo acerca de cosas que quiere hacer en el futuro.

Siempre es una buena idea para comentar su código. Incluso si usted piensa que su código es bastante explica por sí mismo en el momento que usted lo escribe, que no piense que ocho meses en el camino cuando se necesitan para modificarlo.

javascript le ofrece dos maneras para denotar algo como un comentario:

  • El comentario de una sola línea

  • El comentario de varias líneas

los comentarios de una sola línea

los comentarios de una sola línea empiezan con //. Todo después de estas dos barras y hasta el final de la línea será ignorado por el intérprete de javascript.

los comentarios de una sola línea no tienen que empezar por el principio de una línea. Es muy común ver a un comentario de una sola línea utilizada en la misma línea como una pieza de código que no se ha comentado, con el fin de explicar lo que significa esa línea. Por ejemplo:

pizzas pizzas = + 1- // añadir una pizza más

comentarios multilínea

comentarios multilínea empiezan con / * y comunicar al analizador javascript para ignorar todo lo que hasta * /. los comentarios de varias líneas son útiles para la documentación más extensa de código. Por ejemplo:

/ * La función countToTen hace las siguientes cosas: * Inicializa una variable llamada recuento * Inicia un bucle comprobando el valor de recuento para asegurarse de que es menos de 10 * añade 1 al valor de recuento * Añade el elemento el valor actual de conteo, seguido de un salto de línea, para el párrafo con id = `theCount` * Inicia el bucle sobre * /

La utilización de comentarios para evitar la ejecución de código

Además de ser útiles para documentar el código, los comentarios son a menudo útiles para aislar fragmentos de código con el fin de encontrar problemas. Por ejemplo, si usted quiere ver lo que el cuenta hasta diez función haría si ha quitado la línea del bucle que se incrementa el valor de recuento, se puede comentar que el uso de línea de un comentario de una sola línea, como este:

countToTen function () {var count = 0-while (recuento lt; 10) {// recuento ++ -. Document.getElementById ( “theCount”) innerHtml + = recuento + “
“-}}

Cuando se ejecuta este programa, la línea contar ++ - dejará de funcionar, y el programa imprimirá 0s para siempre (o hasta que se cierre la ventana del navegador).

Video: Tutorial Desarrollo web. Facebook: Consola de pruebas de javascript | video2brain.com

Esto se llama una Bucle infinito. Si ejecuta una versión modificada de este programa, no hará ningún daño a su equipo, pero es probable que tome su CPU para un paseo salvaje de hilado en círculos tan rápido como pueda hasta que apague la ventana del navegador en que abrió en.

Artículos Relacionados