Brackets - problem z ESLint

pytanie zadane 5 marca 2018 w JavaScript przez Ku$y^ Nowicjusz (200 p.)
edycja 5 marca 2018 przez Ku$y^

Witam,

jak widać na załączonym zdjęciu, wywala mi błędy "is not defined". Jak mam się tego pozbyć, bardzo proszę jakąś podpowiedz.

1 odpowiedź

odpowiedź 5 marca 2018 przez JayJay Mądrala (6,020 p.)

Nie deklarujesz zmiennej „i” w pętlach - brak słowa kluczowego var/let, stąd błędy.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for

komentarz 5 marca 2018 przez Ku$y^ Nowicjusz (200 p.)

Dzięki za odpowiedz, dodałem deklaracje do zmiennej "i" w pętli, nadal wyskakuje błąd:

komentarz 5 marca 2018 przez JayJay Mądrala (6,020 p.)
edycja 5 marca 2018 przez JayJay

JSLint wyświetla ostrzeżenia:

sugeruje użycie trybu ścisłego (strict mode), który pomaga w wykrywaniu błędów w kodzie, kompilator/interpreter wyświetla więcej ostrzeżeń i jest bardziej wrażliwy na potencjalne błędy. Poczytaj o "use strict" https://stackoverflow.com/questions/1335851/what-does-use-strict-do-in-javascript-and-what-is-the-reasoning-behind-it
odnosi się do tzw. hoistingu zmiennych w JS. W skrócie: kompilator/interpreter JS'a przenosi wszystkie deklaracje zmiennych stworzone z pomocą var na początek funkcji. Według mnie dobrze wyjaśnił to SamurajProgramowania: https://www.youtube.com/watch?v=9E5a6j8IIn4
Odpowiedź znajdziesz też na stackoverflow: https://stackoverflow.com/questions/4646455/jslint-error-move-all-var-declarations-to-the-top-of-the-function

ESLint wyświetla błędy :

mówi o tym, że funkcja 'weryfikuj' została stworzone, ale nigdzie w kodzie JS nie jest wykorzystywana (wywoływana).
odnoszący się do tego, że nie wie jakie są zmienne globalne w "środowisku" JS, z którego korzystasz. W pliku konfiguracyjnym ESLint może ustawić środowisko np. browser. https://eslint.org/docs/user-guide/configuring.html#specifying-environments

komentarz 5 marca 2018 przez Ku$y^ Nowicjusz (200 p.)

Dzięki za super odpowiedz. Starałem się podążać za wskazówkami i zrozumieć w czym tkwi problem. Wprowadziłem pare zmian. W pliku eslintrc.json sprawdziłem środowiska, kod wygląda następująco:

{
  "root": true,
  "env": {
    "browser": true,
    "commonjs": true,
    "node": true,
    "mocha": true
  },

dodałem też komentarz:

/* eslint-env browser */

Nadal został ostatni błąd, nie mogę sobie z tym poradzić:

komentarz 5 marca 2018 przez JayJay Mądrala (6,020 p.)
edycja 5 marca 2018 przez JayJay

Ten błąd, tak jak już wspomniałem wyżej odnosi się do tego, że funkcja 'weryfikuj' została stworzona, ale nigdzie w kodzie JS nie jest wykorzystywana (wywoływana). Zauważ, że funkcję 'weryfikuj' wywołujesz w html z pomocą zdarzenia 'onclick', co nawiasem mówiąc jest złą praktyką.

Artykuł o zdarzeniach w JS: http://kot-zrodlowy.pl/javascript/programowanie/2017/04/26/zdarzenia-w-js-z-czym-to-si%C4%99-je.html