JAVASCRIPT’TE TEMPLATE LİTERAL VE DATE OBJESİ #9




(adsbygoogle = window.adsbygoogle || []).push({});

TEMPLATE LITERAL NEDİR ?

Javascript’te ES6 ile birlikte gelen yeni bir özelliktir. Template Literal string ifadeleri daha güzel bir şekilde biçimlendirmemizi sağlıyor ve kullanımı da oldukça kolay. Hemen bir örnek yapıp konuyu onun üzerinden anlatmayı düşünüyorum.

JAVASCRIPT’TE TEMPLATE LITERAL KULLANIMI

Şimdi bunu Template Literal ile daha güzel nasıl yazabileceğimizi görelim.

Öncelikle Template Literal kullanımı yapmak için  ” ` ` ” yani Ters Tırnak kullanırız. Sonra İsim : Yazdıktan sonra kullanmak istediğimiz değişkeni  dolar “$” ve süslü parantezler ile ” {} ” içeri alırız. Oradaki ters slash n yani “\n” ‘in anlamı bir boşluk bırakıp alt satıra geçmesidir.

(adsbygoogle = window.adsbygoogle || []).push({});

Gördüğünüz gibi Template Literal kullanarak aynı işlemi daha basit ve kısa şekilde yaptık. Sonuçta aldığımız görüntü yine aynıdır.

Template Literal’ı en çok kullanacağımız alanlar mesela bir web sayfasına liste eklemeye çalıştığımızda kullanabiliriz. İlk başta kullanmadan yapacağım daha sonra kullanarak yapıp aradaki farkı görmenizi sağlayacağım.

–  Template Literal Olmadan:

– Template Literal İle Beraber : 

Biz Template Literal’i kursumuzda bolca kullanacağız çünkü ilerki derslerimiz DOM Manipülasyonunda bol bol Html sayfaları ile ilişkimiz olacak. Şimdi bu dersin diğer konusu olan Date Objesi ve Methodlarını Görelim.

(adsbygoogle = window.adsbygoogle || []).push({});

JAVASCRIPT’TE DATE OBJESİ VE METHODLARI

Bu konuda zaman objesi yani Date Object’i göreceğiz. Date Objesi bizim zamanlar ile ilgili kullandığımız bir obje ve biz bu objenin methodlarını göreceğiz.

1 – Şuan ki zamanı alma :

Sadece new Date methodunu kullanıp içine bir değer girmediğinizde aslında şuan ki zamanı almış oluyorsunuz. Hemen örnek bir kullanım görelim;

2 – İstediğimiz bir zamanı oluşturma :

Javascript’te istediğiniz zamanı kendiniz oluşturabilirsiniz hemen nasıl yapacağınızı gösterelim.

3 – Oluşturduğumuz zamanın Ay,Gün vb. değerlerini alma : 

Oluşturduğumuz zamanlar üzerinden Date Objesinin methodlarını kullanarak gün ay vb. değerleri nasıl alacağımızı görelim;

-getMonth : 

Oluşturduğumuz zaman üzerinden ay değerini alır. Hemen kullanımını görelim;

Normalde Kasım ayı normalde 11. ay fakat burada her şey 0 dan başlar oyüzden ekranda 10 çıktısını görürüz.

-getDate : 

Oluşturduğumuz zamana göre söylüyorum, yani kasım ayının hangi günü olduğunu verir. Hemen kullanımını görelim;

Oluşturduğumuz zamana göre kasımın 10. günü olduğu için console’da 10 çıktısını alırız.

-getDay : 

Oluşturduğumuz zamanın haftaya göre kaçıncı günü olduğunu bize verir. Hemen kullanımını görelim.

Arkadaşlar günler Pazardan ve 0 dan başlayarak gider. Yani pazar 0’ıncı pazartesi 1’inci gündür. Oluşturduğumuz zamana göre pazartesi denk geldiği için console’da 1 çıktısını alırız.

-getHours : 

Oluşturduğumuz zamanın saat bilgisini alır. Hemen kullanımını görelim;

Oluşturduğumuz zamana göre saat 9 olduğu için console’da 9 çıktısını alırız.

(adsbygoogle = window.adsbygoogle || []).push({});

BİTİRİŞ

Bunları ezberleyip hepsini bilmenize gerek yok arkadaşlar. Gerektiğinde internetten bakabilirsiniz. Dersimizin sonuna gelmiş bulunmaktayız. Bu dersimizde string oluşturmanın yeni yöntemi Template Literal’ı ve Date Objesinin methodlarını gördük.

←Javascript’te Döngüler

←Javascript Videolu Eğitim Serisi

(adsbygoogle = window.adsbygoogle || []).push({});

[Toplam:1    Ortalama:5/5]

Sizin Tepkiniz Nedir?

süper süper
0
süper
bilgilendirici bilgilendirici
0
bilgilendirici
beğenmedim beğenmedim
2
beğenmedim
beğendim beğendim
5
beğendim
Düşündürücü Düşündürücü
0
Düşündürücü
Berkay

Yazılım ve Javascript adına kendini geliştirmekte olan ve bilgilerini paylaşmayı seven biri.

0 Yorum

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bir format seçin
Kişisel Test
Kişiliğe dair bir şey ortaya çıkarmayı amaçlayan sorular dizisi
Basit Test
Bilgiyi kontrol etmek isteyen doğru ve yanlış cevaplı sorular dizisi
Anket
Karar vermek veya görüş belirlemek için oylama yapmak
Serbest Yazı
Yazılarınıza Görseller Bağlantılar Ekleyebilirsiniz
Liste
Klasik İnternet Listeleri
Geri Sayım Listesi
Klasik İnternet Geri Sayım Listeleri
Açık Liste
Kendi öğenizi gönderin ve en iyi sunum için oy verin
Oylanabilir Liste
En iyi liste öğesine karar vermek için yukarı veya aşağı basın
Fotoyla Anlatım
Kendi resimlerinizi yükleyin ve birşeyler anlatın
Video
Youtube, Vimeo veya Vine Kodları
Ses
Soundcloud veya Mixcloud İçerikleri
Görsel
Fotoğraf veya GIF
GIF
GIF Formatı