JavaScript - standardy i konwencje kodowania

JavaScript to język programowania internetowego, który służy do tworzenia aplikacji internetowych i stron internetowych i sprawia, że ​​aplikacja internetowa jest interaktywna. Jak każdy inny język programowania, JavaScript ma pewne standardy kodowania i konwencje. Tworzenie dużych programów i kodu oprogramowania staje się zbyt nieuporządkowane i nieuzasadnione, jeśli standardy kodowania i konwencje języka programowania nie są przestrzegane.

Standardy kodowania to zestawy reguł i zasad, które określają styl programowania języka programowania, techniki i metody. Standardy kodowania są koniecznością, ponieważ bez nich każdy pracownik w organizacji opracuje program oparty na ich stylu kodowania, w ten sposób tworzy zamieszanie i debugowanie zbyt gorączkowe. Standardy i konwencje kodowania, w ten sposób wchodzą w grę, co poprawia czytelność kodu, jakość i ułatwianie debugowania.

W tym poście przejdziemy do standardów kodowania i konwencji JavaScript, więc zacznijmy.

Wcięcie i funkcja

Konwencje kodujące JavaScript mówią, że używają dwóch przestrzeni do wdrożenia kodu JavaScript i nigdy nie używają białych listy. Do funkcji użyj Camelcase i aby zdefiniować funkcję, użyj słowa kluczowego funkcjonować:

funkcja myFunc ()
var x = 0;

Nazwy zmiennych

Nazwa zmiennej musi rozpocząć się od litery i Camelcase jest używany do inicjalizacji zmiennych lub funkcji, co oznacza, że ​​pierwsza litera powinna być małą literą, a jeśli po pierwszym słowie zostanie dodane inne słowo, pierwsza litera tego słowa powinna zostać skapitalizowana.

var FullName = "Jackie Chan";

Przestrzenie, wszystkie nawiasy

Zawsze pozostawiaj przestrzenie między operatorami, takimi jak (= + - * /) i przecinki:

niech nazwa = fname + lname;
const myarray = [„cat”, „mysz”, „pies”];

Wytyczne obiektowe

Do korzystania z obiektów standardy kodowania obejmują następujące punkty:

• Wspornik początkowy powinien być umieszczony na tym samym wierszu, co nazwa obiektu.
• Między właściwością obiektu a jego wartością jest okrężnica i przestrzeń.
• Wartości ciągów są objęte podwójnymi cytatami.
• Wartości liczbowe są po prostu pisane, a cytaty nie są używane.
• Przecinek jest używany po każdej parze wartości nieruchomości, z wyjątkiem ostatniej
• Po zamykaniu obiektu dodaj półkolis.
• Obiekty, które mają mniej właściwości, można skompresować i zapisać na tej samej linii, mając przestrzenie między właściwościami.

var person =
FirstName: „Jackie”,
LastName: „Chan”,
;
// można również zapisać w formie kompresji
var person = FirstName: „Jackie”, LastName: „chan”;

Wytyczne dotyczące stwierdzenia

Proste stwierdzenie, takie jak inicjowanie zmiennej, która kończy się na jednej linii, powinna mieć półkolon na końcu linii:

var name = "Jackie Chan";

W przypadku zdania złożonego zostaw miejsce i umieść wspornik otwierający, a następnie wypełnij resztę zdań w tym otwierającym przedziale. Po zakończeniu wszystkich stwierdzeń umieść wspornik zamykający. Należy zauważyć, że w zdaniu złożonym nie umieszczamy półkolisu na końcu:

dla (i = 0; i < 3; i++)
a *= i;

Długość linii

Standardowe kodowanie i konwencje mówią, że długość linii większa niż 80 powinna być zapisana na innym wierszu poprzez zerwanie oryginalnego wiersza, aby kod stał się bardziej czytelny:

dokument.getElementById („Przykład”).InnerHtml =
"Przykład!";

Rozszerzenia plików

Standardy i konwencje kodowania JavaScript mówią, że plik HTML powinien mieć .html rozszerzenie, plik CSS powinien mieć .CSS rozszerzenie i plik JavaScript powinien mieć .JS rozszerzenie.

Pętle i warunki

Po identyfikacji instrukcji kontroli i po każdym przecinku używają białej listy. Warunkowe stwierdzenia kodujące konwencje i kod normy podano poniżej:

if (warunek1 || warunek2)
// niektóre stwierdzenia

else if (warunek3 && warunek4)
// Niektóre inne stwierdzenia

w przeciwnym razie
// Domyślne stwierdzenia

W przypadku pętli postępuj zgodnie z poniższym kodem:

dla (niech i = 0; i < 5; i++)
x += i;

Uwagi

Komentarze blokowe są unikane zgodnie ze standardami kodowania i konwencji i używane są komentarze linii. Komentarze są umieszczane na lewym brzegu i // są umieszczane na początku.

// przykład
var name = "jackie";

Wniosek

Standardy i konwencje kodowania to zestaw reguł, które definiują styl języka programowania, techniki i metody i są przestrzegane, aby uniknąć zamieszania i zwiększyć czytelność i debugowanie. Koszt rozwoju jest zmniejszony, a integracja zespołu staje się bardzo łatwa, gdy przestrzegane są standardy kodowania i konwencje. W tym poście omówiliśmy standardy i konwencje kodowania JavaScript z przykładami.