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í.
Un vistazo a: Diseño web de pequeñas empresas para las industrias de servicios
Las pequeñas empresas son los motores de las economías locales, todas ellas con su propia base de clientes y objetivos únicos. Diseñar sitios web para ellos requiere estrategias específicas .En la actualidad, la mayoría de las pequeñas empresas operan en industrias de servicios, o en otras palabras, en el sector terciario de la economía, como restaurantes, fontaneros, terapeutas de belleza, abogados y otros; también constituyen la mayoría de los clientes para los diseñadores de páginas web independientes.En esta pub
Por qué vender el próximo teléfono inteligente de Amazon no será una torta
Si hay que creer en los rumores, Amazon dará a conocer su primer teléfono inteligente muy pronto, este 18 de junio, para ser más precisos, con lo que parece ser un sistema de seguimiento de la cabeza impulsado por cuatro cámaras infrarrojas montadas en la parte frontal, que van a no solo para efectos 3D, sino también para gestos como el cambio de pantalla y los menús contextuales .En re