Cumartesi 2 Temmuz 2022
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Whitepaper Nedir?

Tailwind CSS, Bootstrap’in Yerini Alabilir mi?

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Bilmeniz Gereken Güncel JavaScript Özellikleri!
 Bilmeniz Gereken Güncel JavaScript Özellikleri!
Arayüz JavaScript Yazılım

Bilmeniz Gereken Güncel JavaScript Özellikleri!

Yazar : Sevim Selin Özsoy 29 Aralık 2021 0 Comment

İçindekiler

  • Sayısal Ayıraç

  • Nullish Coalescing (Null Kontrol Operatörü)

  • BigInt

  • Opsiyonel Zincirleme

  • Promise.any()

Sayısal Ayıraç

Uzun sayısal verileri ilk baktığımızda anlamak biraz zor oluyor. Sayısal ayıraç, sayıların hanelerinin arasına alt çizgiler ekleyerek okunması daha kolay hale getirmemizi sağlar.

let deger1 = 250000000;
let deger2 = 250_000_000; //ayni deger alt ayirac olmadan 250000000 olur.

Kodun çalışma zamanında alt çizgiler editör tarafından göz ardı edilir.

Nullish Coalescing (Null Kontrol Operatörü)

Nullish Coalescing operatörü(??), iki değişken karşılaştırılırken;

  • Değeri null veya undefined olmayan değişkeni döndürür.
  • Karşılaştırılan iki değişken de null veya undefined değerlere sahip değil ise soldaki değişkeni döndürür.

Syntax’ı solDegisken ?? sagDegisken şeklindedir.

let sayi1 = 0;
let sonuc1 = count1 ?? 1;
console.log(sonuc1); //kodun ciktisi = 0

let sayi2 = null;
let sonuc2 = count2 ?? 1;
console.log(sonuc2); //kodun ciktisi = 1

Nullish Coalescing operatörü, bir değişkene default değer vermek istediğinizde mantıksal veya(||) seçeneğine göre daha kullanışlıdır çünkü mantıksal veya(||) bazı istenilmeyen davranışlar gösterebilir.

BigInt

JavaScript, depolayabileceğiniz en büyük değer olarak, 2^53-1 büyüklüğüne sahipti. BigInt ile artık bu değerden daha büyük değerler depolama olanığına sahipsiniz.

BigInt, BigInt() kurucu metotu çağrılmasıyla normal integer değerlerinin sonuna n ekleyerek oluşturulur.

const Bigint = 123456789012345678901234567890123456789n;
const ayniBigint = Bigint("123456789012345678901234567890n");
const BigintSayidan = Bigint(10); //10n ile ayni

Opsiyonel Zincirleme

Opsiyonel zincirleme operatörü, null ve undefined değerlerin özelliklerine exception almadan erişmemizi sağlar. Ayrıca iç içe oluşturulmuş objelerin oluşturulmamış özelliklerine de(instant değer) erişmemizi sağlar.

const kullanici = {
          kopek: {
          name: "boncuk"
         }
       };

console.log(kullanici.kedi?.isim); //undefined 
console.log(kullanici.kopek?.isim); // boncuk

Promise.any()

Promise.any() yenilenebilir promise objeleri alır ve bu promise’leri birleştirerek; yenilenebilir tek bir promise objesi döndürür.

const promise1 = /*kod bloklari*/;
const promise2 = /*kod bloklari*/;
const promise3 = /*kod bloklari*/;

const promises = [promise1, promise2, promise3];

promise.any(promises).then((deger)=>console.log(deger));
Etiketler: Frontend javascript programlama programlama dilleri
Önceki Yazı
Sonraki Yazı

Sevim Selin Özsoy

editor

Süleyman Demirel Üniversitesi 4. sınıf bilgisayar mühendisliği öğrencisiyim. Front-end yazılımla ve tasarımla ilgileniyorum. Aktif olarak Süleyman Demirel Üniversitesinin bilgi işlemde part-time yazılımcı ve tasarımcı olarak çalışıyorum. Aynı zamanda da Webmaster Kitchen'da sosyal medya yöneticiliğini ve tasarımcılığını yapıyorum.

Yorum Yap Yorumu İptal Et.

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

Taze Yazılar
Blockchain

Whitepaper Nedir?

21 Nisan 2022
Arayüz

Tailwind CSS, Bootstrap’in Yerini Alabilir mi?

20 Nisan 2022
Arayüz

JavaScript ile Otomatik Koyu Tema

15 Nisan 2022
Güncel

Jest Kullanarak React Native Nasıl Test Edilir?

13 Nisan 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.