Deshilachando JavaScript con JSHint
El destello en la programación de computadoras es el proceso del código de análisis estático para encontrar problemas como la sintaxis incorrecta y el uso indebido del código . La herramienta utilizada para despegar se conoce como pelusa o linter . Uno de los linters disponibles para JavaScript hoy es JSHint.
JSHint está disponible para múltiples plataformas. La herramienta web en línea con la que la mayoría de nosotros estamos familiarizados es en jshint.com. También hay una herramienta de línea de comandos a través de Node.js, una API de JavaScript, varios editores de texto y complementos IDE para JSHint. Puede ver la lista completa de herramientas JSHint disponibles para diferentes entornos en la página de descarga e instalación del sitio web JSHint.
Según su sitio web, las dos formas más comunes en que se utiliza la herramienta JSHint son como la herramienta de línea de comandos y la API . Echemos un vistazo a cómo se puede descargar el uso de ambos, junto con otras opciones de deshierbe que proporcionan las herramientas.
Mediante la herramienta de línea de comando
(1) Si no tiene instalado Node.js en su computadora, deberá ir a su sitio web y descargarlo e instalarlo primero. Para comprobar si Node.js se ha instalado correctamente, puede ejecutar el comando npm -version
en la interfaz de línea de comandos (CLI) y le mostrará la versión de Node.js en su computadora (o simplemente puede ejecutar el comando npm
y ver qué pasa).
(2) Para instalar la herramienta JSHint, ejecute el comando npm install jshint
en CLI. Si desea verificar si JSHint se ha instalado correctamente, ejecute el comando jshint -version
para ver su versión. Una vez que este paso finaliza, la instalación está completa.
(3) Para ejecutar la herramienta, vaya al directorio en la CLI donde está su archivo JavaScript (digamos test.js ) y ejecute el comando jshint test.js
El resultado del análisis de la herramienta en su código JavaScript aparecerá (algo como esto):
(1) Descargue el archivo comprimido de este enlace de GitHub y descomprímalo. En la carpeta dist encontrará el archivo jshint JS (la biblioteca API).
(2) Para usar la API, agregue el archivo jshint JS a su proyecto y vincúlelo a su página. Se puede acceder a la API en el código JavaScript utilizando la función / objeto llamado JSHINT
. A continuación se muestra un código HTML de muestra donde se usa la API de JavaScript de JSHint para analizar el código JavaScript presente en la matriz de source
y mostrar los resultados del análisis en la página.
Documento
(3) Pasamos la matriz de source
contiene el código fuente de JavaScript para ser analizado y el objeto de options
que contiene las opciones de transferencia (entraremos en las opciones en breve) como parámetros de la función JSHINT
. El resultado del análisis (un objeto JSON) se obtiene de la propiedad de función de JSHINT
llamada data
.
(4) JSON.stringify
se utiliza para mostrar solo aquí, para mostrar el resultado devuelto por la función de data
en formato de cadena en la página. La cadena JSON embellecida se ve así. Las partes resaltadas son los errores encontrados por JSHint redactados en oraciones simples.
Las opciones de deshilachado nos permiten configurar el proceso de deshilado. Podemos especificar qué tipo de errores o wanring necesitan ser iluminados y cuáles no. En el ejemplo anterior, se usaron dos opciones de undef
saber, undef
y unused
.
undef
opción undef
marca las variables no declaradas, y las variables no unused
marcarán las variables que se declararon pero nunca se usaron. Al igual que estas, hay muchas más opciones de las que puede ver una lista en esta página, si desea buscar una opción, hay una barra de búsqueda en la esquina superior derecha.
Si está utilizando la herramienta CLI mediante Node.js, puede escribir las opciones de borrado dentro de un archivo package.json
bajo la propiedad jshintConfig
en el mismo directorio. También puede agregar las opciones como directivas en el código JavaScript.
// - test.js - / * jshint undef: true, sin usar: true * / foo (); a = 7;Hay más formas de configurar las opciones de pelusas en su proyecto en función de la herramienta que está utilizando. Consulte las diferentes formas de configuración aquí.
10 Gadgets geniales que te aportan energía verde / renovable
La energía verde tiene la respuesta a muchos de nuestros problemas relacionados con la energía, incluidos el medioambiente, la rentabilidad y la conservación de la energía . Aún así, no todos pueden permitirse instalar grandes paneles solares y ejecutar toda la casa en él.Pero lo que puedes hacer fácilmente es obtener un gadget práctico y práctico que te brinde energía verde para que puedas utilizar dispositivos más pequeños como la radio, teléfonos móviles e incluso un pequeño ventilador.¿Interesado? Lu
20 anuncios de autobuses inteligentes y creativos que te hacen ver dos veces
Las vallas publicitarias son vías publicitarias estáticas y, aunque los buzones y los carteles tienen un poco más de flexibilidad, generalmente son demasiado pequeños y están trabajados para realmente generar ese impacto publicitario. Sin embargo, los autobuses tienen un potencial increíble : puedes verlos en la carretera y tiene partes móviles (puertas) que pueden utilizarse para diversas tácticas de marketing para contar la historia de tus productos.Pero ¿p