Spisie treści
CoffeeScript Jest to pełnoprawny język programowania, pozwala nam wyrazić wszystkie nasze instrukcje w swojej składni, a następnie podczas kompilacji będziemy mieli wynik, a szczególną rzeczą w tym przypadku jest to, że ten wynik, który uzyskamy, jest nowym plikiem kodu, co okazuje się instrukcjami JavaScript.Ta specyfika prowadzi nas do zrozumienia, że CoffeeScript to sposób programowania w JavaScript z nowoczesną i przejrzystą składnią ułatwiającą w ten sposób odczyt kodu, ale zgodną z tym, co istnieje w świecie internetowym, ponieważ wynikowy plik jest JavaScript Czyste, najlepsze ze wszystkiego jest to, że jest to zoptymalizowany kod i jest zgodny z najlepszymi praktykami, więc jeśli przeczytamy wyniki, zdobędziemy o nich wiedzę, poprawiając w ten sposób nasze kodowanie w tym ostatnim języku.
WymaganiaW celu kontynuacji tego samouczka i jego przykładów będziemy potrzebować funkcjonalnej instalacji CoffeeScript, edytor tekstu, taki jak Wzniosły tekst lub inne preferencje każdego z nich oraz uprawnienia w naszym zespole, aby móc uruchomić kompilator CoffeeScript.
ten zmienne Są to przypisania wartości do obszarów pamięci, które mają unikalną nazwę w ramach wykonywania programu, aby wiedzieć, jaką wartość ma ta przestrzeń. Jest to jedno z najbardziej podstawowych pojęć w programowaniu, ale także jedno z najpotężniejszych, ponieważ to one pozwolą nam pomóc sobie podczas wykonywania naszych algorytmów.
Przyporządkowanie zmiennych w CoffeeScript To bardzo proste, podajemy tylko nazwę, a następnie równość i wartość wspomnianej zmiennej. Nazwy mogą być dowolnymi słowami lub literami, po których następują cyfry lub podkreślenia, zawsze pamiętając, że różnią się one od zastrzeżonych słów języka.
Oto prosty przykład:
znacznik = 3Uruchomimy ten prosty przykład w naszej konsoli CoffeeScript, w tym celu uzyskujemy dostęp do naszej konsoli poleceń i wpisujemy kawę, zobaczmy odpowiedź konsoli podczas wykonywania naszego przykładu:
Teraz, co się stanie, jeśli chcemy dodać kilka zmiennych i przypisać wartość do zmiennej ogólnej, działa to w podobny sposób do tego, co właśnie widzieliśmy, na przykład:
a = 2b = 3c = a + bJeśli drukujemy C powinniśmy otrzymać wynik 5, zobaczmy odpowiedź z konsoli:
a = 3 * 2b = 2c = a * bd = c - 1Zobaczmy teraz, co wyniknie z kompilacji naszego pliku, wpisując w konsoli: kawa -c zmienne.kawa.
POWIĘKSZAĆ
Są chwile, kiedy musimy dokonać porównań i w zależności od wyniku kod jest wykonywany lub nie, w tym celu możemy najpierw użyć bloku Jeśli, gdzie możemy zapytać, czy warunek jest spełniony, a jeśli jest, to wykonywany jest zestaw instrukcji.
Jak to działa w CoffeeScriptJedna z osobliwości, które ma CoffeeScript jest to, że nie musimy używać nawiasów lub nawiasów do tworzenia bloków warunkowych, ale ze względu na ten brak koniecznie musimy użyć wcięcia, czyli wszystko, co jest zawartością bloku, musi mieć spację lub tabulator, aby były nie na tej samej linii poziomu.
Zobaczmy w tym przykładzie proste porównanie:
if true == true console.log "Zrobiliśmy nasz pierwszy if"Tutaj w pierwszej kolejności możemy zauważyć, że nie ma nawiasów grupujących warunek, ani nawiasów klamrowych do grupowania bloku, w drugiej kolejności funkcja konsola.log nie na tym samym poziomie co instrukcja Jeśli, to jedyny sposób, w jaki ma CoffeeScript wiedzieć, że ten ostatni jest zawarty w bloku warunkowym, ponieważ jeśli nie, zostanie wykonany niezależnie od tego, czy warunek jest spełniony, czy nie.
Zobaczmy mały przykład, aby zademonstrować wszystko, czego się nauczyliśmy, w poniższym kodzie będziemy mieli blok Jeśli z warunkiem i jeśli jest on spełniony, część kodu zostanie wykonana, będziemy mieli instrukcję, która zostanie wykonana niezależnie od warunku, jedyną różnicą między obydwoma instrukcjami jest to, że ta, która jest wykonywana z warunkiem jest wcięta, a następna jeden nie. Stworzymy plik o nazwie example_if.coffee i umieścimy w nim następujące wiersze kodu:
a = 5b = 3if a> b console.log "a jest większe niż b" console.log "to jest wykonywane niezależnie od warunku"Kompilujemy i na poniższym obrazku widzimy plik .js wynikły:
a = 5b = 3if a> b console.log "a jest większe niż b" console.log "to jest wykonywane niezależnie od warunku"Skompilujemy jeszcze raz i zobaczymy wynik na poniższym obrazku:
W poprzednim przykładzie mamy szczególny przypadek, to znaczy, że jeśli warunek nie jest spełniony, wszystko inne jest wykonywane, ale jeśli chcemy ocenić drugi warunek, lub po prostu, jeśli warunek nie jest spełniony, wykonaj coś innego, a następnie wykonaj nasz program. Aby rozwiązać tego typu sytuacje, mamy instrukcje w przeciwnym razie Tak inaczej, jeśli, jego użycie jest bardzo podobne do Jeśli, po prostu umieść warunek po słowie kluczowym w następnym wierszu z wcięciem.
Zobaczmy poniższy przykładowy kod, w którym ocenimy warunek i jeśli jest spełniony, coś wypiszemy, w przeciwnym razie wykonamy inny wydruk i wtedy nasz program będzie kontynuował:
a = 5b = 3if a> b console.log "a jest większe niż b" else console.log "a nie jest większe niż b" console.log "Ta linia jest zawsze wykonywana"Przystąpimy do kompilacji naszego programu i zobaczymy plik .js w wyniku czego powstaje następujący obraz:
a = 5b = 7c = 8if a> b console.log "a jest większe niż b" else if a> c console.log "a jest większe od c" else console.log "a jest większe niż b lub c" console .log "Ta linia jest zawsze wykonywana"Następnie zauważamy, jak różne warunki mogą być oceniane i na koniec, jeśli żaden nie jest spełniony, wykonujemy kod, zauważamy, jak wynikowa kompilacja grupuje się razem z idealną składnią JavaScript nasze instrukcje:
a = 5b = 8chyba że a> b console.log "b jest większe niż a"Gdzie, jeśli skompilujemy ten mały program, w rezultacie otrzymamy następujący kod? JavaScript:
Na tym możemy zakończyć ten samouczek podstaw rozwoju CoffeeScriptOczywiście jest to tylko wierzchołek góry lodowej, jeśli chodzi o rozwój w tym języku, jednak jest to bardzo dobry początek, abyśmy mogli zacząć implementować różne rzeczy w naszych programach i ominąć fakt, że JavaScript można zaprogramować za jednym zamachem czystsza i bardziej czytelna forma.
