Dane kodu JavaScript

Wszystkie projekty JavaScript stosuje tę samą specyfikację.


Dane kodu JavaScript

Specyfikacja Kod ogół obejmują następujące aspekty:

  • Nadawanie nazw zmiennych i funkcji
  • Spaces, wgniecenia, komentarze, zasady użytkowania.
  • Inne wspólna specyfikacja plplpl

Kod standaryzowany łatwiejsze do odczytania i utrzymaniu.

Kodeksy ogólnych przepisów w zakresie rozwoju tych pierwszych, można z członkami zespołu w celu negocjowania ustawienia.


Nazwa zmiennej

Nazwy zmiennych metoda zalecana wielbłąda nazwie (camelCase):

firstName = "John";
Nazwisko = "Kowalski";

Cena = 19,90;
Podatek = 0,20;

fullPrice = cena + (cena * podatkowej);

Przestrzeń i operator

Zazwyczaj operator (= + - * /), aby wstawić spację przed i po:

Przykład:

var x = y + z;
Wartości var = [ "Volvo", "Saab", "Fiat"];

Kod wcięty

Symbole zazwyczaj użyć czterech spacji aby wciąć bloku kodu:

funkcje:

Funkcja toCelsius (Fahrenheita) {
return (5/9) * ( Fahrenheita - 32);
}
uwaga Nie zaleca się stosowania klawisza TAB wcięcia, ponieważ różne edytory klawisz TAB, to nie to samo postanowienie.

sprawozdanie Reguła

Proste wypowiedzi ogólnych zasad:

  • Zazwyczaj jako symbol stwierdzenie terminatora.

Przykład:

Wartości var = [ "Volvo", "Saab", "Fiat"];

var = {osoba
Imię: "John",
lastName: "Kowalski",
Wiek: 50,
Kolor oczu: "blue"
};

Ogólne zasady złożonym oświadczeniem:

  • Orteza na lewym końcu pierwszego rzędu.
  • Dodaj spację przed klamrami.
  • Orteza na niezależnej linii.
  • Nie kończy się średnikiem kompleks wyciągu.

funkcje:

Funkcja toCelsius (Fahrenheita) {
return (5/9) * ( Fahrenheita - 32);
}

cykl:

for (i = 0; i < 5; i ++) {
x + = i;
}

Warunkowe stwierdzeń:

if (czas <20) {
pozdrowienia = "Dzień dobry";
} Else {
pozdrowienia = "Dobry wieczór";
}

Zasada obiektu

Reguły definiowane obiektu:

  • Lewe klamra na tej samej linii z nazwą klasy.
  • Między okrężnicy i wartości atrybutów są przestrzenie.
  • Użyj podwójnych cudzysłowach ciągi, numery nie.
  • Ostatni atrybut - wartość na plecach nie sumują przecinków.
  • Orteza na niezależnej linii i symbole jako symbol zakończenia.

Przykład:

var = {osoba
Imię: "John",
lastName: "Kowalski",
Wiek: 50,
Kolor oczu: "blue"
};

Krótkiego kodu wynikowego może być zapisany bezpośrednio do linii:

Przykład:

var osoba = {imię: "Jan ", nazwisko "Kowalski", wiek: 50 Kolor oczu: "blue"};

Mniej niż 80 znaków w każdej linii kodu

Dla ułatwienia lektury polecam mniejsza niż liczba znaków w linii 80.

Jeżeli oświadczenie JavaScript jest więcej niż 80 znaków, zaleca się po operatorze przecinkami lub folią.

Przykład:

document.getElementById ( "demo") .innerHTML =
"Hello w3big.";

Spróbuj »

Reguły nazewnictwa

Zazwyczaj wiele zasad nazewnictwa Kod języka są podobne, na przykład:

  • Zmienne i funkcje do ustawy garb (CamelCase)
  • Zmienne globalne wielkie litery (wielkie litery)
  • Stałe (takie jak PI) wielkimi literami (wielka litera)

Nazwa zmiennej użyć tych typów reguł: Hyp-kur, camelCase lub under_scores?

HTML i CSS myślnik (-) znaków:

atrybut HTML5 może DATA- (takich jak: data-ilości danych, ceny) jako przedrostek.

W CSS - aby połączyć nazwę właściwości (font-size).

uwaga - Na ogół uważa się za odejmowanie w JavaScript, nie jest dozwolone.

Linia dolna:

Wielu programistów woli używać znaku podkreślenia (np date_of_birth), zwłaszcza w bazie danych SQL.

Język PHP zazwyczaj używamy podkreślenia.

Pascal pisowni (PascalCase):

Pascal pisowni (PascalCase) w języku C więcej.

Hump ​​prawo:

JavaScript jest zwykle zalecane metody garb, jQuery i innych bibliotek JavaScript używać prawa wielbłąda.

uwaga Nazwy zmiennych nie zaczynają się konflikty $ kreski wielu bibliotek JavaScript.

HTML obciążenia zewnętrzne pliki JavaScript

Użyj prostego formatu, aby załadować plik JavaScript (atrybut type nie jest wymagane):

<script src = ""> myscript.js

Użyj JavaScript aby uzyskać dostęp do elementów HTML

Zły formacie HTML mogą spowodować wykonanie błędów JavaScript.

Poniższe dwa JavaScript oświadczenia do wyjścia różnymi wynikami:

Przykłady

var obj = getElementById ( "Demo" )

var obj = getElementById ( "demo" )

Spróbuj »

HTML i JavaScript spróbuj użyć tych samych zasad nazewnictwa.

HTML dostępu (5) dane kodowe .


Rozszerzenie nazwy pliku

Plik HTML sufiksem może być (.htm lub R).

Rozszerzenie pliku CSS jest .css.

JavaScript plik .js przyrostka.


małe litery nazwy plików

Większość serwerów WWW (Apache, Unix) jest wielkość liter: London.jpg London.jpg nie ma dostępu.

Inne serwery WWW (Microsoft IIS) nie jest uwzględniana wielkość liter: London.jpg można uzyskać za pośrednictwem London.jpg lub London.jpg.

Musisz zachować jednolity styl, zalecamy wykorzystanie spójnych nazw plików małe.