Resalte variables de Javascript no definidas en Visual Studio Code

CorePress2024-01-24  11

Uno de mis errores favoritos en Javascript es olvidarme de definir las variables que estoy usando localmente en una función. Como todos sabéis, debido al alcance, esto no siempre es un error.

¿Hay alguna forma en Visual Studio Code de resaltar variables que no están definidas en la función?

Por ejemplo, digamos que tengo la función:

function MyFunction(argument1){ /* Note: not argument5 */
    var i; /* Note: not j */
    var arr1 = []; /* Note: not arr2 */

    ... /*Exciting code in between */

    len = 7;

    for(j=0;j<len;j++){
        arr2[j] = "Wibble" + argument5;
    }
}

Quiero que len, j, arr2 y argument5 estén resaltados de alguna manera para mostrar que no están definidos localmente en la función.

Si lo intento en mi VSC 1.53.2, todas estas variables tienen un garabato rojo

-rioV8

27/03/2021 a las 14:17

¿Cómo? ¿Tienes un complemento? ¿Es un escenario? En mi VSC 1.54.3 base, no hay ningún garabato subrayado.

- Rebobinar

27/03/2021 a las 14:19

2

la única configuración que he cambiado es js/ts.implicitProjectConfig.checkJs

-rioV8

27/03/2021 a las 14:22

¿Dónde encuentro eso? No puedo verlo en mi configuración.json.

- Rebobinar

27/03/2021 a las 14:45

1

en la página de configuración busque la comprobación de javascript

-rioV8

27/03/2021 a las 14:48



------------------------------------

Habilitar JS/TS › Configuración implícita del proyecto: marque JS en la configuración de vscode.

4

1

Gracias @farhan ali. Esto me va a ayudar mucho. Y gracias por mirar y responder hilos antiguos sin respuesta.

- Rebobinar

23/10/2021 a las 10:25

1

Simplemente habilite y encontré pequeños errores que me estaban causando mucho dolor. Gracias @farhan Ali. Fue frustrante encontrar errores dejados por otros desarrolladores o por mí para variables que no pertenecen a ese archivo.

-ovyas24

1 de octubre de 2022 a las 16:32

4

Eso debería estar activado de forma predeterminada.

- Mike Bannister

26/01/2023 a las 15:15

2

Esto parece funcionar pero encuentra un montón de "errores" eso en realidad está bien, especialmente cuando se trata de resultados de querySelector en tipos desconocidos, así que tuve que desactivarlo.

- SleekPanther

28 de octubre de 2023 a las 21:58



------------------------------------

Otra forma de hacer esto es usando eslint. Simplemente agregue la dependencia a su package.json devDependencies. Opcionalmente, puedes usar un paquete preestablecido como el de Airbnb que estoy usando o definir la regla eslint no-undef dentro del archivo .eslintrc.js.

Además, no olvides instalar esl.extensión int vscode

2

2

Agregar ESlint como una extensión al código VS me funciona. ¡Gracias!

- Ivan Rostovsky

10 de enero de 2023 a las 9:33

1

No sabía que esta regla existe y también es parte de eslint:recommended. Ha sido muy cómodo.No puedo tener TypeScript por un tiempo y actualmente necesito volver a mantener un antiguo proyecto JS.

-Christhofer Natalius

16/02/2023 a las 10:00

Su guía para un futuro mejor - libreflare
Su guía para un futuro mejor - libreflare