Typowe błędy, których należy unikać podczas kodowania w JavaScript

Bez względu na poziom programisty, istnieje szansa, że ​​popełnisz błąd. Te błędy mogą różnić się od składni do złożonych funkcji, które ostatecznie spowodują serię błędów w Twojej aplikacji. Dobrze jest mieć starszego programistę, aby przeglądać twój kod i znaleźć błędy, ale lepiej jest uczyć się na własnych błędach i błędach i poprawić je z czasem.

Chociaż JavaScript jest łatwym do nauczenia języka, wielu programistów, bez względu na to, jak dobre są wobec programistów. Te błędy powodują, że Twój kod wygląda nieefektywnie, niezorganizowany i pełen błędów. W tym artykule omówimy typowe błędy, których należy unikać podczas kodowania w JavaScript, aby Twój kod był bezpłatny i wydajny.

Typowe błędy w twoim kodzie

Poniżej znajduje się lista, którą zebraliśmy w odniesieniu do typowych błędów popełnianych przez wszelkiego rodzaju programistów w JavaScript. W ten sposób możesz lepiej zrozumieć koncepcje i uniknąć tych błędów w przyszłości.

Niepoprawny sposób umieszczenia skryptu:

Najczęstszym błędnym błędem, które programiści, jest nieprawidłowe umieszczenie skryptu w pliku HTML. Przez większość czasu skrypt uzyskuje dostęp do elementów HTML. Umieszczenie znacznika w głowicy pliku HTML spowoduje błąd. Oto przykład:

Nie wygeneruje to żadnego wyjścia, podczas gdy umieszczenie znacznika skryptu na końcu strony rozwiązuje ten problem. Ale nadal, jeśli chcesz użyć znacznika skryptu w głowicy pliku HTML, po prostu dodaj atrybut „odraczać”W znaczniku skryptu. Oto przykład używania odroczenia.

Nieprawidłowe użycie (=), (==), (===) operatorów

W JavaScript innym powszechnym błędem jest nieprawidłowe użycie „=”,„==" I "===". „„=”Operator to operator przypisania w JavaScript, który jest używany do przypisywania wartości do różnych zmiennych.

Mając na uwadze, że, "==" I "===„Operatorzy są używane do porównania. "==" jest używany do "luźny”Porównanie dwóch zmiennych ignorujących ich typy danych. Chwila "===”Jest ścisłym operatorem porównawczym, który sprawdza typ danych dwóch zmiennych.

Poniżej znajduje się przykład lepszego zrozumienia różnicy każdego operatora i poprawy koncepcji, aby uniknąć takich błędów:

Niech x = 55;
Niech y = 55;
Niech Z = „55”;
konsola.log (boolean (x == y));
konsola.log (boolean (x === y));
konsola.log (boolean (y == z));
konsola.log (boolean (y === z));

Tutaj najpierw przypisaliśmy zmienne niektóre wartości za pomocą operatorów przypisania „=”. Następnie za pomocą operatorów porównawczych porównaliśmy ich wartości.

Wyjście:

Tutaj, kiedy porównaliśmy ciąg z liczbą, „==” dał nam prawdę, ponieważ nie sprawdził typów danych obu zmiennych. Podczas gdy „===” dał nam fałszywe, ponieważ Strrity sprawdza również typy danych zmiennych.

Dodatek vs połączenie

Zarówno do dodania liczb lub ciągów operator „+" Jest używane. Z tego powodu otrzymujemy różne wyjścia. Na przykład, jeśli dodamy liczbę do łańcucha numerycznego, wygeneruje inne wyjście w porównaniu z dodaniem dwóch liczb.

Niech x = 5;
Niech y = "5";
Niech z = 20;
konsola.log (x+y);
konsola.log (x+z);

Wyjście:

Ponieważ nie możemy zdefiniować typu danych w JavaScript podczas deklarowania zmiennych, a jeśli te typy nie są odpowiednio obsługiwane, powoduje to pewne nieprzewidywalne wyniki pokazane w powyższym przykładzie.

Nieokreślone vs null

Oba mogą wyglądać podobnie, ale są zupełnie inne od siebie. Nieokreślony jest wtedy, gdy nie przypisałeś wartości do jakiejkolwiek zmiennej. Mając na uwadze, że, Zero to wartość przypisania, którą można przypisać do zmiennych. Nawet jeśli porównasz te dwa za pośrednictwem ścisłego operatora porównawczego, da to fałszywą wartość. Oto przykład:

Niech x;
Niech z = null;
konsola.log (x);
konsola.log (z);
konsola.log (typeof x);
konsola.log (typeof z);
konsola.log (boolean (z === x));

Wyjście:

Tutaj rodzaj nieokreślony jest niezdefiniowany, podczas gdy zero jest obiektem. Stąd w porównaniu, wygenerował fałszywe jako wyjście.

Semicolon Cele Place to

Najczęstszym błędem, które popełniają programiści, jest umieszczenie półkolisu na końcu funkcji. Na przykład:

Niech x = 1;
if (x == 19);

konsola.log („Hello”);

W tym umieszczeniu „;” Semicolon na końcu drugiego wiersza wykona dany blok kodu bez względu na to, jaki był warunek.

Wyjście:

Aby uniknąć tego rodzaju błędów, przepisz swój kod jako:

W ten sposób sprawdził warunek, a zatem nie wygenerowano żadnych wyjściowych.

Łamanie ciągu w JavaScript

Aby złamać sznurek od środka lub rozpocząć zdanie z następnego wiersza, nie możesz go zamierzyć. Raczej musisz użyć w tym celu „\”.

Niech x = "hej \
Tam";
konsola.log (x);

Wyjście:

Wniosek

W tym artykule omówiliśmy różne popularne błędy popełnione podczas kodowania w JavaScript. Każdy może popełnić te błędy, więc lepiej zrozumieć JavaScript pracujący z większą głębią. Uczenie się z tych błędów i unikanie ich w przyszłości pomoże Ci stworzyć bardziej zorganizowany i wydajny kod.

Nie do końca zrozumienie działania JavaScript może prowadzić do głupich błędów, które powodują Errosa w twoim programie. Następnym razem, gdy kodowanie miej powyższe punkty w umyśle i utwórz kod bezbłędny.