Основи на CoffeeScript

CoffeeScript Това е пълноценен език за програмиране, който ни позволява да изразим всички наши инструкции в неговия синтаксис и след това при компилирането ще имаме резултат, особено в случая е, че този резултат, който ще получим, е нов кодов файл, което се оказва инструкция JavaScript.
Тази особеност ни кара да разберем това CoffeeScript е начин за програмиране в JavaScript с модерен и изчистен синтаксис, което улеснява четенето на кода, но съвместимо с това, което съществува в уеб света, тъй като полученият файл е JavaScript Наистина, най -доброто от всичко е, че е оптимизиран код и че е в съответствие с най -добрите практики, така че ако прочетем резултатите, ще получим познания за тях, като по този начин подобрим кодирането си на този последен език.
ИзискванияЗа проследяването на този урок и неговите примери ще се нуждаем от функционална инсталация на CoffeeScript, текстов редактор като Възвишен текст или друго от предпочитанията на всеки от тях и разрешения в нашия екип, за да можем да стартираме компилатора на CoffeeScript.
The променливи Те представляват присвояване на стойности на пространства на паметта и които имат уникално име в рамките на изпълнението на програмата, за да знаем каква стойност има това пространство. Това е една от най -основните концепции в програмирането, но и една от най -мощните, тъй като те са тези, които ще ни позволят да си помогнем при изпълнение на нашите алгоритми.
Присвояването на променливи в CoffeeScript Много е просто, посочваме само името, последвано от равенство и стойността на споменатата променлива. Имената могат да бъдат всяка дума или буква, последвана от цифри или подчертава, като винаги помним, че те са различни от запазените думи на езика.
Прост пример е следният:

 маркер = 3

Ще пуснем този прост пример в нашата конзола CoffeeScript, за това имаме достъп до нашата командна конзола и въвеждаме кафе, нека видим отговора на конзолата при изпълнение на нашия пример:

Както можем да видим, присвояването отпечатва стойността, която сме приложили към променливата, където след като я извикаме, нейната стойност се отпечатва.
Какво се случва, ако искаме да добавим няколко променливи и да присвоим стойността на обща променлива, това работи по подобен начин на това, което току -що видяхме, например:

 a = 2b = 3c = a + b

Ако печатаме ° С трябва да имаме като резултат 5, нека видим отговора от конзолата:

Сега, когато разбираме как работи присвояването на променливи CoffeeScript Нека да видим какво можем да направим, когато компилираме, това, което ще направим, е да създадем примерен файл, наречен променливи.кафе и след това ще го компилираме, по този начин ще получим файл variables.js които можем да анализираме. В променливи.кафе ще поставим следното:

 a = 3 * 2b = 2c = a * bd = c - 1

Сега нека видим какви са резултатите от компилирането на нашия файл, като напишем в конзолата: coffee -c variables.coffee.

Увеличете

На изображението можем да видим съдържанието на файла variables.js, както виждаме CoffeeScript трансформира нашите инструкции в код JavaScript, където оценяваме, че първото нещо, което той направи, беше да инициализира променливите, които да се използват с ключовата дума вар, също така забелязваме, че всяко изявление завършва с точка и запетая (това е нещо, което не е необходимо в CoffeeScript освен ако не искаме да изпълним две инструкции на същия ред.
Има моменти, в които трябва да правим сравнения и в зависимост от резултата код се изпълнява или не, за това първо можем да използваме блока ако, където можем да попитаме дали условието е изпълнено и ако е така, наборът от инструкции се изпълнява.
Как работи в CoffeeScriptЕдна от особеностите, които има CoffeeScript е, че не е необходимо да използваме скоби или скоби, за да правим условни блокове, но поради това отсъствие наложително трябва да използваме отстъп, тоест на всичко, което е съдържание на блок, трябва да се даде интервал или раздел, така че те да са не на една и съща линия.
Нека видим в този пример просто сравнение:

 if true == true console.log "Направихме първото си ако"

Тук можем да забележим на първо място, че няма скоби за групиране на условието, нито скоби за групиране на блока, във втория ред функцията console.log не на същото ниво като инструкцията ако, това е единственият начин CoffeeScript да знаем, че последният се съдържа в условния блок, тъй като ако не, той ще се изпълни независимо дали условието е изпълнено или не.
Нека видим малък пример, който да демонстрира всичко, което сме научили, в следния код ще имаме блок ако с условие и ако това е изпълнено, част от кода се изпълнява, ще имаме инструкция, която ще се изпълнява независимо от условието, единствената разлика между двете инструкции е, че тази, която се изпълнява с условието, е с отстъп и следващата единият не е. Ще създадем файл, наречен example_if.coffee и в него ще включим следните редове код:

 a = 5b = 3 ако a> b console.log "a е по -голямо от b" console.log "това се изпълнява независимо от условието"

Компилираме и на следващото изображение можем да видим файла .js в резултат:

След това можем да забележим как блокът ако Той групира със скоби какво ще бъде изпълнено, когато условието е изпълнено, от друга страна, това, което се изпълнява независимо от него, е оставено извън групата. За да покажем, че всичко това е вярно, ще променим кода и ще отстъпим и втората инструкция, нашият код ще бъде както следва:

 a = 5b = 3 ако a> b console.log "a е по -голямо от b" console.log "това се изпълнява независимо от условието"

Ще компилираме още веднъж и ще видим резултата на следното изображение:

По този начин се демонстрира важността на отстъпа, който освен че ни дава по -четим код, ни позволява да променяме контекста на изпълнението на нашата програма.
В предишния пример имаме конкретен случай, това е, че ако условието не е изпълнено, всичко останало се изпълнява, но ако искаме да оценим второ условие или просто ако условието не е изпълнено, изпълняваме нещо друго и след това следваме нашата програма. За да разрешим този тип ситуация имаме инструкции иначе Y иначе ако, използването му е много подобно на ако, просто поставете условието след ключовата дума на следващия ред с отстъп.
Нека да видим следния примерен код, в който ще оценим условие и ако е изпълнено, ще отпечатаме нещо, в противен случай ще направим различен печат и тогава нашата програма ще продължи:

 a = 5b = 3 ако a> b console.log "a е по -голямо от b" иначе console.log "a не е по -голямо от b" console.log "Този ред винаги се изпълнява"

Продължаваме да компилираме нашата програма и ще видим файла .js което води до следното изображение:

В следния пример ще оценим второ условие, ако първото не е изпълнено, с това вече ще имаме пълен контрол върху този инструмент за оценка в неговата основна фаза и ще видим работата на иначе ако:

 a = 5b = 7c = 8 ако a> b console.log "a е по -голямо от b" иначе ако a> c console.log "a е по -голямо от c" else console.log "a не е по -голямо от b или c" конзола .log "Този ред винаги се изпълнява"

След това забелязваме как могат да бъдат оценени различни условия и в крайна сметка, ако нито едно не е изпълнено, изпълняваме код, забелязваме как получената компилация групира заедно с перфектен синтаксис на JavaScript нашите инструкции:

В CoffeeScript е включен нов начин за оценка и той е с ключовата дума освен ако, това оценява израз от гледна точка на вярно или невярно, например може да се постави условие, когато казваме "освен ако a е по -голямо от b, изпълнете следнотоТова обаче е малко трудно да се види теоретично. За това нека разгледаме кода директно:

 a = 5b = 8 освен ако a> b console.log "b е по -голямо от a"

Където, ако компилираме тази малка програма, тя ни дава следния код в резултат JavaScript:

Виждаме как правим оценка на израза, ако не е истина, малко е сложно да се усвои на пръв поглед, но след като схванем нишката, това е един от най -полезните изрази, особено когато трябва да направим сложни условия .
С това можем да приключим този урок по основите на развитието на CoffeeScriptРазбира се, това е само върхът на айсберга по отношение на развитието с този език, но това е много добро начало, за да можем да започнем да внедряваме различни неща в нашите програми и да заобиколим факта, че JavaScript може да бъде програмиран наведнъж . по -чиста и по -четлива форма.