CoffeeScript Temelleri

Kahve Komut Dosyası Tam teşekküllü bir programlama dilidir, tüm talimatlarımızı sözdiziminde ifade etmemize izin verir ve daha sonra derleme yaparken bir sonuç alırız, durumla ilgili özel olan şey, elde edeceğimiz bu sonucun yeni bir kod dosyası olmasıdır, hangi talimat olduğu ortaya çıkıyor JavaScript.
Bu özellik, şunu anlamamıza yol açar: Kahve Komut Dosyası programlamanın bir yoludur JavaScript modern ve temiz bir sözdizimi ile kodun okunmasını kolaylaştırır, ancak sonuçta ortaya çıkan dosya olduğundan web dünyasındakilerle uyumludur. JavaScript Saf, hepsinden iyisi, optimize edilmiş kod olması ve en iyi uygulamalarla uyumlu olmasıdır, bu yüzden sonuçları okursak onlar hakkında bilgi ediniriz, böylece bu son dilde kodlamamızı geliştiririz.
GereksinimlerBu öğreticinin ve örneklerinin takibi için işlevsel bir kuruluma ihtiyacımız olacak. Kahve Komut Dosyası, gibi bir metin düzenleyici Yüce metin veya herhangi birinin tercihi ve ekibimizdeki izinlerin derleyicisini çalıştırabilmesi için Kahve Komut Dosyası.
NS değişkenler Bu alanın hangi değere sahip olduğunu bilmek için, programın yürütülmesinde benzersiz bir isme sahip olan ve bellek boşluklarına değerlerden yaptığımız atamalardır. Programlamadaki en temel kavramlardan biridir ve aynı zamanda algoritmalarımızı yürütürken kendimize yardımcı olmamızı sağlayacak olan en güçlü kavramlardan biridir.
değişkenlerin atanması Kahve Komut Dosyası Çok basit, sadece adının ardından bir eşitlik ve söz konusu değişkenin değerini belirtiyoruz. İsimler herhangi bir kelime veya harf ve ardından sayılar veya alt çizgi, her zaman dilin ayrılmış kelimelerinden farklı olduklarını hatırlayarak.
Basit bir örnek aşağıdaki gibidir:

 işaretleyici = 3

Bu basit örneği CoffeeScript konsolumuzda çalıştıracağız, bunun için komut konsolumuza erişip kahve yazıyoruz, örneğimizi çalıştırırken konsolun yanıtını görelim:

Gördüğümüz gibi, atama, değişkene uyguladığımız değeri geri yazdırır, burada onu çağırdıktan sonra değeri yazdırılır.
Şimdi, birkaç değişken eklemek ve değeri genel bir değişkene atamak istersek ne olur, bu az önce gördüğümüze benzer şekilde çalışır, örneğin:

 a = 2b = 3c = a + b

yazdırırsak C sonuç 5 olmalı, konsoldan gelen yanıtı görelim:

Artık değişken atamanın nasıl çalıştığını anladığımıza göre Kahve Komut Dosyası Bakalım derleme yaparken neler yapabiliriz, yapacağımız şey adında bir örnek dosya oluşturmak. değişkenler.kahve ve sonra onu derleyeceğiz, bu şekilde bir dosya elde edeceğiz değişkenler.js analiz edebildiğimizdir. İçinde değişkenler.kahve aşağıdakileri yerleştireceğiz:

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

Şimdi konsola şunu yazarak dosyamızı derlemenin sonucunu görelim: kahve -c değişkenler.kahve.

BÜYÜT

Resimde dosyanın içeriğini görebiliriz. değişkenler.js, gördüğümüz gibi Kahve Komut Dosyası talimatlarımızı koda dönüştürdü JavaScript, yaptığı ilk şeyin anahtar kelimeyle kullanılacak değişkenleri başlatmak olduğunu takdir ediyoruz. var, ayrıca her ifadenin noktalı virgülle bittiğini fark ederiz (bu, Kahve Komut Dosyası aynı satırda iki talimat yürütmek istemiyorsak.
Karşılaştırma yapmamız gereken zamanlar vardır ve sonuca bağlı olarak bir kodun yürütülüp yürütülmediği, bunun için önce bloğu kullanabiliriz. Eğer, burada bir koşulun yerine getirilip getirilmediğini sorabiliriz ve eğer öyleyse, talimat seti yürütülür.
CoffeeScript'te nasıl çalışır?Sahip olduğu özelliklerden biri Kahve Komut Dosyası koşullu bloklar yapmak için parantez veya parantez kullanmamıza gerek yok, ancak bu yokluk nedeniyle zorunlu olarak girinti kullanmamız gerekiyor, yani bir bloğun içeriği olan her şeye bir boşluk veya sekme verilmesi gerekiyor, böylece bunlar aynı seviye çizgisinde değil.
Bu örnekte basit bir karşılaştırma görelim:

 if true == true console.log "İlk if'imizi yaptık"

Burada ilk olarak koşulu gruplamak için parantez olmadığını, bloğu gruplamak için parantezlerin de olmadığını, ikinci sırada fonksiyonun olduğunu fark edebiliriz. konsol.log talimatla aynı seviyede değil Eğer, sahip olduğu tek yol bu Kahve Komut Dosyası ikincisinin koşullu blokta bulunduğunu bilmek, çünkü değilse, koşulun karşılanıp karşılanmadığına bakılmaksızın yürütülür.
Öğrendiğimiz her şeyi göstermek için küçük bir örnek görelim, aşağıdaki kodda bir bloğumuz olacak Eğer bir koşul ile ve bu yerine getirilirse, kodun bir kısmı yürütülür, koşuldan bağımsız olarak yürütülecek bir talimatımız olur, her iki komut arasındaki tek fark, koşulla yürütülenin girintili olması ve sonrakinin girintili olmasıdır. biri değil, example_if.coffee adında bir dosya oluşturacağız ve içine aşağıdaki kod satırlarını ekleyeceğiz:

 a = 5b = 3if a> b konsol.log "a, b'den büyüktür" console.log "bu, koşuldan bağımsız olarak yürütülür"

Derliyoruz ve aşağıdaki resimde dosyayı görebiliyoruz .js sonuç:

Daha sonra bloğun nasıl olduğunu fark edebiliriz. Eğer Koşul sağlandığında yapılacakları parantezler ile gruplandırır, diğer taraftan ondan bağımsız olarak yürütülenler grubun dışında bırakılır. Tüm bunların doğru olduğunu göstermek için kodu değiştireceğiz ve ikinci komutu da girintileyeceğiz, kodumuz aşağıdaki gibi olacaktır:

 a = 5b = 3if a> b konsol.log "a, b'den büyüktür" console.log "bu, koşuldan bağımsız olarak yürütülür"

Bir kez daha derleyeceğiz ve sonucu aşağıdaki resimde göreceğiz:

Böylece, bize daha okunabilir bir kod vermenin yanı sıra, programımızın yürütülmesinin bağlamını değiştirmemize izin veren girintinin önemi gösterilmiştir.
Önceki örnekte özel bir durumumuz var, bu, koşul yerine getirilmezse, diğer her şey yürütülür, ancak ikinci bir koşulu değerlendirmek istiyorsak veya yalnızca koşul yerine getirilmezse, başka bir şey yürütün ve ardından takip edin. programımız. Bu tür bir durumu çözmek için talimatlarımız var Başka Y yoksa, kullanımı çok benzer Eğer, koşulu anahtar kelimeden sonraki satıra girintili olarak yerleştirmeniz yeterlidir.
Aşağıdaki örnek kodu görelim, içinde bir koşulu değerlendireceğiz ve eğer karşılanırsa bir şey yazdıracağız, yoksa farklı bir çıktı alacağız ve ardından programımız devam edecek:

 a = 5b = 3if a> b console.log "a, b'den büyüktür" else console.log "a, b'den büyük değildir" console.log "Bu satır her zaman yürütülür"

Programımızı derlemeye devam ediyoruz ve dosyayı göreceğiz .js aşağıdaki görüntüyle sonuçlanır:

Aşağıdaki örnekte, ilki karşılanmazsa ikinci bir koşulu değerlendireceğiz, bununla birlikte, bu değerlendirme aracının temel aşamasında zaten tam kontrolüne sahip olacağız ve işleyişini göreceğiz. yoksa:

 a = 5b = 7c = 8ifa> b console.log "a, b'den büyüktür" veya a> c ise console.log "a, c'den büyüktür" ise, console.log "a, b veya c'den büyük değildir" konsol .log "Bu satır her zaman yürütülür"

Daha sonra farklı koşulların nasıl değerlendirilebileceğini fark ederiz ve sonunda hiçbiri yerine getirilmezse, bir kod yürütür, ortaya çıkan derlemenin mükemmel bir sözdizimi ile birlikte nasıl gruplandığını fark ederiz. JavaScript talimatlarımız:

İçinde Kahve Komut Dosyası yeni bir değerlendirme yöntemi dahil edilmiştir ve anahtar kelime ile birlikte Meğer ki, bu bir ifadeyi doğru veya yanlış olarak değerlendirir, örneğin "dediğimiz yerde bir koşul yapılabilir.a, b'den büyük değilse, aşağıdakileri yürütünAncak bunu teorik olarak görmek biraz zor, bunun için direkt olarak koda bakalım:

 a = 5b = 8a> b console.log "b, a'dan büyük" olmadıkça

Bu küçük programı derlersek, sonuç olarak bize aşağıdaki kodu verir. JavaScript:

Doğru değilse nasıl bir değerlendirme yaptığımızı görüyoruz, ilk bakışta özümsemek biraz karmaşık ama ipi bir kez kavradığımızda özellikle karmaşık koşullamalar yapmamız gerektiğinde en kullanışlı ifadelerden biri. .
Bununla, geliştirmenin temelleri hakkındaki bu öğreticiyi sonlandırabiliriz. Kahve Komut DosyasıTabii ki, bu, bu dili geliştirme açısından buzdağının sadece görünen kısmı, ancak programlarımızda çeşitli şeyler uygulamaya başlayabilmemiz ve JavaScript'in tek seferde programlanabileceği gerçeğini aşabilmemiz için çok iyi bir başlangıç. . daha temiz ve daha okunaklı bir form.